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