在使用jQuery的過(guò)程中,我們經(jīng)常會(huì)用到checkbox,而有時(shí)候需要循環(huán)選中多個(gè)checkbox,這個(gè)時(shí)候就需要用到循環(huán)選中的方法。下面我們來(lái)看一下如何使用jQuery進(jìn)行checkbox循環(huán)選中。
$(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); }); });
在上面的代碼中,我們首先給全選按鈕設(shè)置了一個(gè)點(diǎn)擊事件,然后在事件函數(shù)中使用prop()方法來(lái)設(shè)置所有的checkbox為選中狀態(tài)。
接下來(lái)我們通過(guò)each()方法遍歷所有的checkbox,如果有一個(gè)沒(méi)有被選中,則將全選按鈕設(shè)置為不選中。
這樣我們就可以實(shí)現(xiàn)checkbox循環(huán)選中的功能了。希望這篇文章能夠幫助到大家。
上一篇mysql一行切分成多列
下一篇博雅css教學(xué)