jquery checkbox 复选框多次点击判断选中状态,以及全选/取消的代码示例

2015年12月21日 10:52:51 星期一

目标, 点击当前的checbox, 判断点击后当前checkbox是否是选中状态.

html:

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

js:

         var checkall = $("#contracts_checkall").attr('checked');
         var checkall_value1 = $("#contracts_checkall").val();
         var checkall_value2 = $('#contracts_checkall').is(':checked');
         console.log(checkall);
         console.log(checkall_value1);
         console.log(checkall_value2);

第一次点击:

  undefined
  undefined
  on
  true

第二次点击:

  undefined
  undefined
  on
  false

总结, 用is()方法可以判断当前复选框的状态, 即使没有相关属性

全选/取消全选

 function contracts_checkall()
 {
     var checkall = $('#contracts_checkall').is(':checked');
     $("input[name='contract[]']").each(
         function () {
             this.checked=checkall;
             // $(this).attr('checked', checkall); //第一次选中和取消是成功的, 再次选中就不起作用了
         }
     );
 }

Finger PHP 框架