Angbike个人博客 > JavaScript/JQuery > JS操作复选框checkbox的全选及单选

JS操作复选框checkbox的全选及单选

HTMl代码:

<input id="checkAll" type="checkbox" />全选
<input name="subChk" type="checkbox" value="1" />1
<input name="subChk" type="checkbox" value="2" />2
<input name="subChk" type="checkbox" value="3" />3

JS代码:

$(function(){
  //单选
  var subChk = $("input[name='subChk']");
  subChk.click(function () {
    $("#checkAll").prop("checked",subChk.length == subChk.filter(":checked").length ? true:false );
  });
  //全选
  $("#checkAll").bind("click",function(){
    $("input[name='subChk']").prop("checked",this.checked);
  })
})

效果截图:
1.gif

博客评论已关闭