JS实现全选与取消 Jquery判断checkbox是否被选中

最新推荐文章于 2022-07-07 00:21:30 发布

转载最新推荐文章于 2022-07-07 00:21:30 发布 · 102 阅读

·

0

·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jsingleegg/p/3487049.html

文章标签：

#javascript #ViewUI

本文介绍如何使用JavaScript和JQuery实现复选框全选及取消全选功能。通过示例代码展示了如何利用JS遍历并设置复选框状态，以及如何用JQuery判断复选框是否被选中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.JS实现checkbox全选与取消

<body>

　　<input type="checkbox" name="select_all"/>11

<input type="checkbox" name="select_all"/>22

　 <input type="checkbox" name="select_all"/>33

<input type="checkbox" name="select_all" onClick="selAll(this)">全选

</body>

JS代码：

　　function selAll(obj)//全选与实现全选取消
　　{
   　　 var o=document.getElementsByName("select_all");
    　　for(var i=0;i<o.length;i++)
    　　{
       　　 if(obj.checked==true)
            　{

　　　　　　o[i].checked=true;

　　　　 } else{
o[i].checked=false;

　　　　 }
}
}

2.Jquery判断checkbox是否被选中

　　在html的checkbox里，选中的话会有属性checked="checked"。

如果有一个checkbox被选中，alert这个checkbox属性"checked"的值

　　alert($"#xxx".attr("checked"))，会打印出"true"，而不是"checked"！

　　如果没被选中，打印出的是"undefined"。

　　if($"#xxx".attr("checked")=="true") //这样是错误的

　　jQuery的API手册，attr(name)的返回值是object。所以，应该是

if($("#xxx").attr("checked")==true)。

　判断这个值 $("input[name='weibo_count']").attr("checked"); 这样也行

　　$("#btn1").click(function(){
   $("[name='checkbox']").attr("checked",'true');//全选
     })
   $("#btn2").click(function(){
   $("[name='checkbox']").removeAttr("checked");//取消全选
    })

转载于:https://www.cnblogs.com/jsingleegg/p/3487049.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。