在實際開發中,經常會出現需要批量選中多個checkbox的情況,如果逐個選中顯然是很麻煩的,這時候我們可以使用jQuery來實現批量選中的效果。
首先,我們需要先創建多個checkbox:
<input type="checkbox" name="item1" class="checkbox-input">選項1
<input type="checkbox" name="item2" class="checkbox-input">選項2
<input type="checkbox" name="item3" class="checkbox-input">選項3
然后,我們需要為一個批量選中的checkbox添加點擊事件:
<input type="checkbox" id="check-all">全選
接著,我們使用jQuery對這個批量選中的checkbox進行操作:
$('#check-all').click(function() {
if(this.checked) {
$('.checkbox-input').each(function() { //遍歷所有的checkbox
this.checked = true; //將選中狀態改為true
});
} else {
$('.checkbox-input').each(function() {
this.checked = false; //將選中狀態改為false
});
}
});
這樣,我們就實現了checkbox的批量選中功能。
以上是使用jQuery實現批量選中checkbox的方法,希望對大家有所幫助。