基于jQuery实现复选框的全选 全不选 反选功能

前端技术 2023/09/03 JavaScript

本代码是在众多的jQuery复选框功能代码中精选出来的，本人项目中使用的代码，这里分享给大家。

jQuery代码：

复制代码 代码如下:

        $(function(){
            $(\"#checkedAll\").click(function(){
                $(\'[name=items]:checkbox\').attr(\'checked\',true);
            });
            $(\"#checkedNo\").click(function(){
                $(\'[name=items]:checkbox\').attr(\'checked\',false);
            });
            $(\"#checkedRev\").click(function(){
                $(\'[name=items]:checkbox\').each(function(){
                    //$(this).attr(\'checked\',!$(this).attr(\'checked\'));
                    this.checked = !this.checked;
                });
            });
            $(\"#send\").click(function(){
               var str = \"你选中的是：\\r\\n\";
               $(\'[name=items]:checkbox:checked\').each(function(){
                   str += $(this).val()+\"\\r\\n\";
               });
                alert(str);
            });
        }); 

本文地址：https://www.stayed.cn/item/6283

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案