在使用jQuery的過程中,我們經常會用到checkbox,而有時候需要循環選中多個checkbox,這個時候就需要用到循環選中的方法。下面我們來看一下如何使用jQuery進行checkbox循環選中。
$(function(){ $("#select-all").click(function(){ $("input[name='select-item']").prop("checked",this.checked); }); $("input[name='select-item']").click(function(){ var flag = true; $("input[name='select-item']").each(function(){ if(!this.checked){ flag = false; } }); $("#select-all").prop("checked",flag); }); });
在上面的代碼中,我們首先給全選按鈕設置了一個點擊事件,然后在事件函數中使用prop()方法來設置所有的checkbox為選中狀態。
接下來我們通過each()方法遍歷所有的checkbox,如果有一個沒有被選中,則將全選按鈕設置為不選中。
這樣我們就可以實現checkbox循環選中的功能了。希望這篇文章能夠幫助到大家。
上一篇mysql一行切分成多列
下一篇博雅css教學