如何用jQuery实现checkbox全选
发布网友
发布时间：2022-04-26 15:44
共3个回答
热心网友
时间：2022-04-20 09:18
全选：
$(":checkbox").attr("checked","checked");
全不选：
$(":checkbox").removeAttr("checked");
反选：
$(":checkbox:checked").removeAttr("checked");
$(":checkbox:not(:checked)").attr("checked","checked");
全手写，没有经过测试。
完整代码如下，测试通过：
<html><head>
<title>如何用jQuery实现checkbox全选</title>
<script src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
//全选，全不选
function allSelect() {
if ($(":checkbox").attr("checked") != "checked") {
$(":checkbox").attr("checked", "checked");
}
else {
$(":checkbox").removeAttr("checked");
}
}
//反选
function otherSelect() {
$(":checkbox").each(function () {
if ($(this).attr("checked") == "checked") {
$(this).removeAttr("checked");
}
else {
$(this).attr("checked", "checked");
}
});
}
</script>
</head>
<body>
<input id="Checkbox1" type="checkbox" />
<input id="Checkbox2" type="checkbox" />
<input id="Checkbox3" type="checkbox" />
<input id="Checkbox4" type="checkbox" />
<input id="Checkbox5" type="checkbox" />
<input id="Button1" type="button" value="全选" onclick="allSelect();" />
<input id="Button3" type="button" value="反选" onclick="otherSelect();" />
</body>
</html>
追问$('#select_all').click(function () {//全选
$(":checkbox").attr("checked","checked");
});
select all
这样写，无法实现哪里有问题呢？
追答没有问题，可以全选，加载时注册：
//加载时注册事件
$(function()
{
$('#select_all').click(function () {//全选
$(":checkbox").attr("checked", "checked");
});
});
热心网友
时间：2022-04-20 10:36
全选：
$(":checkbox").attr("checked","checked");
$("#selectAll").click(function(){
if($(this).attr("checked")){
$("input:checkbox").attr("checked","checked");
}else{
$("input:checkbox").removeAttr("checked");
}
});
热心网友
时间：2022-04-20 12:10
<script type="text/javascript">
$(function(){
$(':button').toggle(function(){
$(':checkbox').attr('checked',"checked");
},function(){
$(':checkbox').removeAttr('checked');
})
})
</script>
就用这个就可以了
