gpt4 book ai didi

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

转载 作者:qq735679552 更新时间:2022-09-27 22:32:09 24 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章基于jQuery实现复选框的全选 全不选 反选功能由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

本代码是在众多的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);
            });
        }); 

  。

  。

  。

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实现复选框的全选 全不选 反选功能的文章就讲到这里了,如果你想了解更多关于基于jQuery实现复选框的全选 全不选 反选功能的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com