jquerycheckbox核取方塊多次點選判斷選中狀態,以及全選/取消的程式碼示例

<input type="checkbox" onclick="contracts_checkall()" id="contracts_checkall"> 全選

1         var checkall = $("#contracts_checkall").attr(`checked`);
2         var checkall_value1 = $("#contracts_checkall").val();
3         var checkall_value2 = $(`#contracts_checkall`).is(`:checked`);
4         console.log(checkall);
5         console.log(checkall_value1);
6         console.log(checkall_value2);

1  undefined
2  undefined
3  on
4  true

1  undefined
2  undefined
3  on
4  false

 1 function contracts_checkall()
 2 {
 3     var checkall = $(`#contracts_checkall`).is(`:checked`);
 6     $("input[name=`contract[]`]").each(
 7         function () {
 8             this.checked=checkall;
 9             // $(this).attr(`checked`, checkall); //第一次選中和取消是成功的, 再次選中就不起作用了
10         }
11     );
12 }