首页手机软件手机游戏单机游戏资讯文章专题下载游戏合集文章合集 php下载 php教程电脑软件

+ -

当前位置：首页 → 问答吧 → toggle方法在实现全选checkbox时有问题

toggle方法在实现全选checkbox时有问题

时间：2009-06-12

来源：互联网

对于下面这段代码，在点击全选时，别的CheckBox确实能选中，但单单全选复选框它自己不会被选中，这是为什么呀！
果如在$(this).attr("checked","checked")前加上一个alert，可以看到它先是被选中了，然后又被取消了，谁能解释一下呀！
当然，我用别的方法实现了，但没这个方法优雅呀！

复制代码

<body>
<script src="jquery-1.3.2.min.js"></script>
<script>
$(function(){
$("#checkAll").toggle(
function(){$(":checkbox").each(function(){$(this).attr("checked","checked")})},
function(){$(":checkbox").each(function(){$(this).attr("checked","")})}
)
})
</script>
<input type="checkbox" />a<br />
<input type="checkbox" />b<br />
<input type="checkbox" />c<br />
<input type="checkbox" />d<br />
<input type="checkbox" />e<br />
<input type="checkbox" />f<br />
<input type="checkbox" id="checkAll" />全选<br />
</body>

作者: ljzforever 发布时间: 2009-06-12

因为你点的时候是选上的...toggle()后就会被取消...
你在toggle()后在把它选上就好了...
新人说话..呵呵!!!

作者: jamix 发布时间: 2009-06-12

说的有道理呀，但是如何才能在toggle的架构内就搞定呢？

作者: ljzforever 发布时间: 2009-06-12

$("#checkAll").click(function(){
$(":checkbox").attr("checked",this.checked)
})

作者: shawphy 发布时间: 2009-06-12

关注

作者: konglx 发布时间: 2009-06-13

不实践一下么？只是关注么？

作者: shawphy 发布时间: 2009-06-13

3楼的方法不错

作者: xueyepaomo 发布时间: 2009-06-15

可不可以不用toggle啊?

复制代码

<script language="javascript" type="text/javascript">
$(function() {
$("#CheckAll").click(function() {
$("#divCheckBox>:checkbox").attr("checked", this.checked);
});
$("#divCheckBox>:checkbox").click(function() {
var count = $("#divCheckBox>:checkbox").size();
var checkedCount = $("#divCheckBox>:checkbox[checked='true']").size();
$("#CheckAll").attr("checked", count == checkedCount);
});
})
</script>
<input id="CheckAll" type="checkbox" />Check All
<div id="divCheckBox">
<input type="checkbox"/>
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
</div>

作者: e_wait 发布时间: 2009-06-17

$("#CheckAll").click(function() {
    alert("Select All.");
    $("input:checkbox").each(function() {
    this.checked=true;
  });
});

这样不是更好么？

作者: mike_zhao 发布时间: 2009-07-14

最为新手我觉得8楼的挺好的,没有其他的那么复杂

作者: 李清发布时间: 2009-07-15

<script>
$(function(){
    $("#checkAll").toggle(function(){
        $('input').attr('checked',true);
    },function(){
        $('input').attr('checked',false);
    });
});
</script>
永远的选中

作者: zjfeihu 发布时间: 2009-07-15

相关阅读更多

比特币波动率时区

时间：2025-05-05
加密貨幣套利搬磚

时间：2025-05-05
deepseek发币

时间：2025-05-04
hyperfluid aptos

时间：2025-05-04
孙宇晨老婆

时间：2025-05-04

热门阅读

office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐附激活工具
阅读：74
如何安装mysql8.0
阅读：31
Word快速设置标题样式步骤详解
阅读：28
20+道必知必会的Vue面试题（附答案解析）
阅读：37
HTML如何制作表单
阅读：22
百词斩可以改天数吗？当然可以，4个步骤轻松修改天数！
阅读：31
ET文件格式和XLS格式文件之间如何转化？
阅读：24
react和vue的区别及优缺点是什么
阅读：121
支付宝人脸识别如何关闭?
阅读：21
腾讯微云怎么修改照片或视频备份路径?
阅读：28

热门下载

更多