<script>
        // 表單的全選與全不選案例：注：checkbox復選框的checked屬性值為true則為選中狀態(tài)，為false則為未選中狀態(tài)
        var j_cbAll = document.getElementById('j_cbAll');   // 獲取全選按鈕
        var j_tbs = document.getElementById('j_tb').getElementsByTagName('input'); // 獲取所有input復選框
        // 注冊事件
        // 1.全選按鈕的事件
        j_cbAll.onclick = function () {
            // this.checked可以獲取當前復選框的狀態(tài)返回值為true或false
            for (var i = 0; i < j_tbs.length; i++) {
                j_tbs[i].checked = this.checked;    // 讓tbody里的復選框每一個的checked的值都等于當前全選按鈕的checked的值，所以它們的狀態(tài)就會一致了
            }
        }
        // 2.tbody里面的復選框的事件：下面全選中了則全選按鈕也要為選中狀態(tài)，若有至少一個未選中則全選按鈕也為未選中狀態(tài)，注意：tbody里面的復選框每一次被點擊都需要做判斷，看是否所有的復選框都被選中了
        for (var i = 0; i < j_tbs.length; i++) {
            j_tbs[i].onclick = function () {
                // flag 用于控制全選按鈕是否選中
                var flag = true;
                // 每次點擊下面的復選框都要循環(huán)檢查4個復選框是否全被選中了
                for (var i = 0; i < j_tbs.length; i++) {
                    console.log('---'+j_tbs[i].checked);
                    if (j_tbs[i].checked == false) {  // 有一個按鈕沒有被選中就執(zhí)行內(nèi)部代碼修改flag的值為false
                        flag = false;
                        break;  // 退出里層for循環(huán)，這樣可以提高執(zhí)行效率，因為只要有一個沒有被選中，剩下的就無需再判斷了
                    }
                }
                j_cbAll.checked = flag; // 循環(huán)結(jié)束后將flag的值給全選按鈕
            }
        }
</script>