最近在写后台的时候,需要一个全选打钩及消除的功能,在此列出,方便各位简友。
下面是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="提交">