请问复选框全选时Jquery代码错哪里了？为什么全选按钮只能在页面刷新的时候生效 一次，之后就没有用了？ 5
<scripttype="text/javascript">$(document).ready(function(){//全选$("#quanxuan").click(f...
<script type="text/javascript">
$(document).ready(function(){
//全选
$("#quanxuan").click(function(){
$("[name=checkboxt]:checkbox").attr("checked",true);
});
//清空
$("#qingkong").click(function(){
$("[name=checkboxt]:checkbox").attr("checked",false);
});
//反选
$("#fanxuan").click(function(){
$("[name=checkboxt]:checkbox").each(function(){
this.checked=!this.checked;
// $(this).checked=!$(this).checked;
});
});
//确定按钮
$("#queding").click(function(){
var str="你的爱好是：\r\n";
$("[name=checkboxt]:checkbox:checked").each(function(){
str+=$(this).val()+" ";
});
alert(str);
});
});
</script>
</head>
<body>
<div style="border: #CCC solid 1PX; height: 150px; width: 400px; padding: 20px;margin:40px;">
<form action="" method="post">
你喜欢的运动：<br />
<input type="checkbox" name="checkboxt" value="运动">运动
<input type="checkbox" name="checkboxt" value="跳舞">跳舞
<input type="checkbox" name="checkboxt" value="游泳">游泳
<input type="checkbox" name="checkboxt" value="射击">射击<br>
<input type="button" id="quanxuan" value="全选">
<input type="button" id="fanxuan" value="反选">
<input type="button" id="qingkong" value="清空">
<input type="button" id="queding" value="确定">
</form>
</div>
</body>
还有就是这段代码this.checked=!this.checked;为什么写成这样 $(this).checked=!$(this).checked;不可以？$(this)这个不是获取当前文档对象吗， $(this).checked就获取了当前文档下的checked属性，但是不知道为什么就不行？求解答，谢谢。 展开
$(document).ready(function(){
//全选
$("#quanxuan").click(function(){
$("[name=checkboxt]:checkbox").attr("checked",true);
});
//清空
$("#qingkong").click(function(){
$("[name=checkboxt]:checkbox").attr("checked",false);
});
//反选
$("#fanxuan").click(function(){
$("[name=checkboxt]:checkbox").each(function(){
this.checked=!this.checked;
// $(this).checked=!$(this).checked;
});
});
//确定按钮
$("#queding").click(function(){
var str="你的爱好是：\r\n";
$("[name=checkboxt]:checkbox:checked").each(function(){
str+=$(this).val()+" ";
});
alert(str);
});
});
</script>
</head>
<body>
<div style="border: #CCC solid 1PX; height: 150px; width: 400px; padding: 20px;margin:40px;">
<form action="" method="post">
你喜欢的运动：<br />
<input type="checkbox" name="checkboxt" value="运动">运动
<input type="checkbox" name="checkboxt" value="跳舞">跳舞
<input type="checkbox" name="checkboxt" value="游泳">游泳
<input type="checkbox" name="checkboxt" value="射击">射击<br>
<input type="button" id="quanxuan" value="全选">
<input type="button" id="fanxuan" value="反选">
<input type="button" id="qingkong" value="清空">
<input type="button" id="queding" value="确定">
</form>
</div>
</body>
还有就是这段代码this.checked=!this.checked;为什么写成这样 $(this).checked=!$(this).checked;不可以？$(this)这个不是获取当前文档对象吗， $(this).checked就获取了当前文档下的checked属性，但是不知道为什么就不行？求解答，谢谢。 展开
展开全部
设置checked的属性值应该是
$(this).attr("checked",true);
$(this).attr("checked",true);
追问
页面加载第一次的时候是点击全选是可以选中全部的，但是之后点击就全选不了，只能选一次，这是我全选的代码，跟你的是一样的。
//全选
$("#quanxuan").click(function(){
$("[name=checkboxt]:checkbox").attr("checked",true);
});
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
