Jquery 操作複選框 全選,判斷是否選中等
阿新 • • 發佈:2019-01-31
$(document).ready(function() { // 監控,如果有一個多選框沒有選,就取消“全選按鈕” $(".platIdCls").click(function() { var ifCk = $(this).is(":checked"); // 判斷使用者點選的那個多選框,是否選中 if (!ifCk) {// 如果沒有選中 // 取消“全選” $("#ckSelectAll").attr("checked", false); $("#ckSelectAll").attr("value", "0"); } else {// 如果點選選中 // 獲取指定name的所有複選框 var coll = document.getElementsByName("platId"); var ifAllSeled = true; // 對指定name的複選框進行遍歷 for (var i = 0; i < coll.length; i++) { // 如果有一個沒有選中的,說明沒有全選 if (!coll[i].checked) { ifAllSeled = false; break; } } if (ifAllSeled) { console.log("全選了"); $("#ckSelectAll").attr("checked", true); // 給全選框一個值,1表示已選 $("#ckSelectAll").attr("value", "1"); } else { console.log("沒有全選"); } } }); });