實現checkbox全選打鉤及消除,點擊單個checkbox打鉤及消除JS代碼實現

最近在寫后臺的時候,需要一個全選打鉤及消除的功能,在此列出,方便各位簡友。

下面是JS代碼:

//檢查input狀態

$("#ckAll").click(function() {

$("input[name='sub']").prop("checked", this.checked);

});

//判斷是否打鉤

$("input[name='sub']").click(function() {

var $subs = $("input[name='sub']");

$("#ckAll").prop("checked" , $subs.length == $subs.filter(":checked").length ? true :false);

});

//全選刪除

$(function(){

$("#delete").click(function() {

text = $("input:checkbox[name='sub']:checked").map(function(index,elem) {

return $(elem).val();

}).get();

alert(text);

});

});

下面是html代碼:


<intput id="ckAll" type="checkbox" />//全選打鉤框

<input type ="checkbox" name ="sub" value="">//選擇打鉤框

<input type="button" id="open" value="提交">
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容