bootstrap复选框回显、全选及回显

来源:互联网 发布:mac鼠标滚轮 编辑:程序博客网 时间:2024/06/05 15:55

<label>1<input type="checkbox" name="xxx"></label>  
<label>2<input type="checkbox" name="xxx" ></label>  
<label for="checkall">全选<input type="checkbox" id="checkall"></label>  
<label for="checkrev">反选<input type="checkbox" id="checkrev"></label>

1.回显:

$("input[type=checkbox][name=xxx]").each(function (i, e) {//清空操作
  $(this).iCheck('uncheck');
});
    var array = xxx.split(",");
    $("input[type=checkbox][name=xxx]").each(function (i, e) {
      for (var i = 0; i < array.length; i++) {
        if ($(this).val() == array[i]) {
          $(this).iCheck('check');
        }
      }
    });

2.全选、全不选:

$("#checkall").click(function(){   
       $('[name=xxx]:checkbox').prop('checked',this.checked);  
  });

3.反选:

$("#checkrev").click(function(){  
$('[name=xxx]:checkbox').each(function(){  
this.checked=!this.checked;  
});  
});

阅读全文
1 0
原创粉丝点击