Sow nothing reap nothing

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

已有2,252次关注

效果截图:
JS操作checkbox全选及单选.gif

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);
  })
})

已自动关闭评论