高手看过来关于jquery全选的问题

R_zhanche 2011-07-14 09:53:17



<script language="javascript" type="text/javascript">

     $(document).click(function(){

       /*

       @全选或全不选

       */

       $("#SelectBtn").click(function(){

         //alert($("#SelectAll").attr("checked"));

         $('[name=ChkGoods]:checkbox').attr("checked",$("#SelectAll").attr("checked"));

         

       });

       /*

       @全选或全不选

       */

       $("#SelectAll").click(function(){

         $('[name=Goods]:checkbox').attr("checked",this.checked);

       });

       /*

       @flag:true 表示复选框都被选中

       */

       $('[name=ChkGoods]:checkbox').click(function(){

         var flag=true;

         $('[name=ChkGoods]:checkbox').each(function(){

         if(!this.checked){ flag=false; }

        });

       $('[name=ChkGoods]:checkbox').attr("checked",flag);

       });

    });

    

    </script>



</head>

<body>

    <form id="form1" runat="server">

    <div>

        <input type="checkbox" value="1" name="Goods" />

        <input type="checkbox" value="2" name="Goods" />

        <input type="checkbox" value="3" name="Goods" />

        <input type="checkbox" value="4" name="Goods" />

        <input type="button" value="全选/全不选" id="SelectBtn" />

        <input type="checkbox" value="0" id="SelectAll" />

    </div>

    </form>

</body>

1 全选的checkbox 管用，但是全选的button不管用

2 什么情况下会出现单个checkbox不能选的情况

3 做全选和取消全选的功能还要注意哪些点？多谢大家

...全文

105 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

flyerwing 2011-07-15

打赏
举报

$('[name=ChkGoods]:checkbox').attr("checked",$("#SelectAll").attr("checked"));
红色的改成Goods就有效了.

Go 旅城通票 2011-07-15

打赏
举报

1 全选的checkbox 管用，但是全选的button不管用

$("#SelectBtn").click(function(){
//alert($("#SelectAll").attr("checked"));
$('[name=ChkGoods]:checkbox').attr("checked",$("#SelectAll").attr("checked"));

});

这个取决于红色控件是否被选择了，用button来执行没意义

而且你的选择器也用错了
$('[name=Goods]:checkbox').attr("checked",'checked');
$('[name=ChkGoods]:checkbox')

2 什么情况下会出现单个checkbox不能选的情况

这个得看你的选择器怎么写了

3 做全选和取消全选的功能还要注意哪些点？多谢大家
注意的就是不要用button来弄

i2270 2011-07-15

打赏
举报

换个方式、、、

Go 旅城通票 2011-07-15

打赏
举报

[Quote=引用 3 楼 r_zhanche 的回复:]

引用 1 楼 showbo 的回复:
1 全选的checkbox 管用，但是全选的button不管用

$("#SelectBtn").click(function(){
//alert($("#SelectAll").attr("checked"));
$('[name=ChkGoods]:checkbox').attr("checked",$("#SelectAll").attr(……
[/Quote]

button没有check状态，就是勾选或者不勾选状态，这样你只能依据其他控件或者变量来控制，这不是多此一举，不如直接用checkbox来实现

xuexiaodong2009 2011-07-15

打赏
举报

为什么不要用button来弄？

我也不知道，等高人解答

R_zhanche 2011-07-15

打赏
举报

[Quote=引用 1 楼 showbo 的回复:]
1 全选的checkbox 管用，但是全选的button不管用

$("#SelectBtn").click(function(){
//alert($("#SelectAll").attr("checked"));
$('[name=ChkGoods]:checkbox').attr("checked",$("#SelectAll").attr("c……
[/Quote]为什么不要用button来弄？

微信小程序是一种不需要下载安装即可使用的应用，它实现了应用的随开随用，用户只需要用微信扫一扫或者通过微信搜一下即可打开应用，使用完即可关闭，还可以把小程序添加到桌面，真正的做到了...全选，操作本地缓存等）

这些对于高手来说，很简单，我不是高手针对前端，希望高手不要拍砖！）　一、先上一张图片，大家来看看效果！　　二、有了以上图片，下面就直接贴代码了，先上 CSS 代码。 1 table { width : ...

javascript高手加入其team。 jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它...

前面我们讲解了的J2EE的技术都是服务端的技术，下面我们来看一下前端的一些开发技术，这一篇我们来看一下jQuery技术简介： jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手...