为什么我用jQuery写好checkbox的全选后，点击两次后，就不行了，要刷新页面后，点击才有响应，源码是这样
//全选$("#selectAll").click(function(){varflag;if(this.checked){flag=true;}else{flag=fa...
//全选
$("#selectAll").click(function() {
var flag;
if (this.checked) {
flag = true;
} else {
flag = false;
}
alert(flag);
$("input[name='select']").each(function() {
$(this).attr("checked", flag);
});
}); 展开
$("#selectAll").click(function() {
var flag;
if (this.checked) {
flag = true;
} else {
flag = false;
}
alert(flag);
$("input[name='select']").each(function() {
$(this).attr("checked", flag);
});
}); 展开
4个回答
展开全部
是jQuery版本问题。
我操作属性用的是
$(XXX).attr(attrName);而jQuery的版本用的是2.1.1，这就是存在一个兼容性和稳定性问题。
jQuery API明确说明，1.6+的jQuery要用prop，尤其是checkBox的checked的属性的判断，即
使用代码如下:
$(input[name='checkbox']).prop(checked);
$(input[name='checkbox']).prop(disabled, false);
$(input[name='checkbox']).prop(checked, true);
于是乎将attr改为prop，问题得解。
如果您遇到这个奇怪的问题那就赶紧试试吧！
我操作属性用的是
$(XXX).attr(attrName);而jQuery的版本用的是2.1.1，这就是存在一个兼容性和稳定性问题。
jQuery API明确说明，1.6+的jQuery要用prop，尤其是checkBox的checked的属性的判断，即
使用代码如下:
$(input[name='checkbox']).prop(checked);
$(input[name='checkbox']).prop(disabled, false);
$(input[name='checkbox']).prop(checked, true);
于是乎将attr改为prop，问题得解。
如果您遇到这个奇怪的问题那就赶紧试试吧！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
//上面是jquery函数
$(document).ready(function () {
//全选
$("#CheckedAll").click(function(){
if(this.checked){ //如果当前点击的多选框被选中
$('input[type=checkbox][name=items]').attr("checked", true );
}else{
$('input[type=checkbox][name=items]').attr("checked", false );
}
});
//输出值
$("#send").click(function(){
var str="你选中的是：\r\n";
$('input[type=checkbox][name=items]:checked').each(function(){
str+=$(this).val()+"\r\n";
})
alert(str);
});
})
//下面是body中的html代码
<body>
<form method="post" action="">
你爱好的运动是？
<input type="checkbox" id="CheckedAll" value="全选/全不选"/>全选/全不选
<br/>
<input type="checkbox" name="items" value="足球"/>足球
<input type="checkbox" name="items" value="篮球"/>篮球
<input type="checkbox" name="items" value="羽毛球"/>羽毛球
<input type="checkbox" name="items" value="乒乓球"/>乒乓球
<br/>
<input type="button" id="send" value="提 交"/>
</form>
</body>
$(document).ready(function () {
//全选
$("#CheckedAll").click(function(){
if(this.checked){ //如果当前点击的多选框被选中
$('input[type=checkbox][name=items]').attr("checked", true );
}else{
$('input[type=checkbox][name=items]').attr("checked", false );
}
});
//输出值
$("#send").click(function(){
var str="你选中的是：\r\n";
$('input[type=checkbox][name=items]:checked').each(function(){
str+=$(this).val()+"\r\n";
})
alert(str);
});
})
//下面是body中的html代码
<body>
<form method="post" action="">
你爱好的运动是？
<input type="checkbox" id="CheckedAll" value="全选/全不选"/>全选/全不选
<br/>
<input type="checkbox" name="items" value="足球"/>足球
<input type="checkbox" name="items" value="篮球"/>篮球
<input type="checkbox" name="items" value="羽毛球"/>羽毛球
<input type="checkbox" name="items" value="乒乓球"/>乒乓球
<br/>
<input type="button" id="send" value="提 交"/>
</form>
</body>
追问
能加你的q吗，还是不行
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("#selectAll").click(function(){
if($(this).attr("checked")){
$("input:checkbox").attr("checked","checked");
}else{
$("input:checkbox").removeAttr("checked");
}
});
追问
还是选择不了
追答
$("#selectAll").click(function() {
if (this.checked) {
$("input:checkbox").attr("checked","checked");
} else {
$("input:checkbox").removeAttr("checked");
}
});
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("input[name='select']").each(function() {
$(this).attr("checked", flag);
}) ;
搞这么麻烦干嘛
$("input[name='select']").attr("checked",flag);
试试
$(this).attr("checked", flag);
}) ;
搞这么麻烦干嘛
$("input[name='select']").attr("checked",flag);
试试
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
