jQuery实现CheckBox全选、全不选

最新推荐文章于 2023-04-01 10:17:48 发布

王姐

最新推荐文章于 2023-04-01 10:17:48 发布

阅读量370

点赞数

分类专栏： JQuery 文章标签： jquery input function xhtml html server

本文链接：https://blog.csdn.net/kuaileren003/article/details/7066469

版权

JQuery 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

 
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head runat="server">
 
<title>jQuery实现CheckBox全选、全不选</title>
 
<script src="http://code.jquery.com/jquery-1.4.4.min.js"type="text/javascript"></script>    <script type="text/javascript">
 
        $(function() {
 
           $("#checkAll").click(function() {
 
                $('input[name="subBox"]').attr("checked",this.checked);
 
            });
 
            var $subBox = $("input[name='subBox']");
 
            $subBox.click(function(){
 
                $("#checkAll").attr("checked",$subBox.length == $("input[name='subBox']:checked").length ? true : false);
 
            });
 
        });
 
    </script>
 
 
 
</head>
 
<body>
 
    <div>
 
        <input id="checkAll" type="checkbox" />全选
 
        <input name="subBox" type="checkbox" />项1
 
        <input name="subBox" type="checkbox" />项2
 
        <input name="subBox" type="checkbox" />项3
 
        <input name="subBox" type="checkbox" />项4
 
    </div>
 
</body>
 
</html>
 
 这样简单些 
 $('#CheckAll').click(function(){ 
     $('input[name="subBox"]').attr("checked",this.checked); 
 });

王姐

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery实现CheckBox全选、全不选

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">02<html xmlns="http://www.w3.org/1999/xhtml">
复制链接

扫一扫

专栏目录