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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了基于jQuery实现复选框的全选全不选反选功能，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1235字，纯文字阅读大概需要2分钟。

内容图文

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); 
            }); 
        });

HTML代码：

    你爱好的运动是？<br> 
    <input type="checkbox" name="items" value="足球"/>足球 
    <input type="checkbox" name="items" value="篮球"/>篮球 
    <input type="checkbox" name="items" value="羽毛球"/>羽毛球 
    <input type="checkbox" name="items" value="乒乓球"/>乒乓球<br> 
    <input type="button" id="checkedAll" value="全 选"/> 
    <input type="button" id="checkedNo" value="全不选"/> 
    <input type="button" id="checkedRev" value="反 选"/> 
    <input type="button" id="send" value="提 交"/>

小伙伴们使用起来是不是很方便，这也是本人千挑万选出来的，希望能对大家有所帮助。

更多基于jQuery实现复选框的全选 全不选 反选功能相关文章请关注PHP中文网！

内容总结

以上是互联网集市为您收集整理的基于jQuery实现复选框的全选全不选反选功能全部内容，希望文章能够帮你解决基于jQuery实现复选框的全选全不选反选功能所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端