实现checkbox全选打钩及消除,点击单个checkbox打钩及消除JS代码实现

最近在写后台的时候,需要一个全选打钩及消除的功能,在此列出,方便各位简友。

下面是JS代码:

//检查input状态

$("#ckAll").click(function() {

$("input[name='sub']").prop("checked", this.checked);

});

//判断是否打钩

$("input[name='sub']").click(function() {

var $subs = $("input[name='sub']");

$("#ckAll").prop("checked" , $subs.length == $subs.filter(":checked").length ? true :false);

});

//全选删除

$(function(){

$("#delete").click(function() {

text = $("input:checkbox[name='sub']:checked").map(function(index,elem) {

return $(elem).val();

}).get();

alert(text);

});

});

下面是html代码:


<intput id="ckAll" type="checkbox" />//全选打钩框

<input type ="checkbox" name ="sub" value="">//选择打钩框

<input type="button" id="open" value="提交">

推荐阅读更多精彩内容