在使用jQuery時,經常需要對復選框進行遍歷,并獲取選中的值。下面我們來介紹一些方法。
首先,我們需要獲取所有復選框的值:
var values = $('input[type="checkbox"]').map(function(){ return this.value; }).get();
上述代碼中,我們使用了map()方法,它會對每個復選框進行遍歷,并返回該復選框的值。最后使用get()方法將所有值存儲在一個數組中。
接下來我們需要獲取選中的復選框的值:
var checkedValues = $('input[type="checkbox"]:checked').map(function(){ return this.value; }).get();
上述代碼中,我們使用了:checked選擇器,它會獲取所有選中的復選框。再使用map()方法,返回所有選中復選框的值,并存儲在一個數組中。
如果我們只想獲取第一個選中的復選框的值:
var firstCheckedValue = $('input[type="checkbox"]:checked:first').val();
上述代碼中,我們使用了:first選擇器,它會獲取第一個選中的復選框,并使用val()方法獲取該復選框的值。
總結一下,使用jQuery對復選框進行遍歷可以使用map()方法,獲取選中的復選框可以使用:checked選擇器,獲取第一個選中的復選框可以使用:first選擇器。以上就是對jQuery遍歷復選框的值的介紹。