jqery 反选，全选，取消全选

原创于 2011-03-31 13:06:16 发布 · 138 阅读

0 ·

CC 4.0 BY-SA版权

JQuery 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个简单的使用jQuery实现全选和反选功能的例子。通过两个按钮控制一组复选框的状态，实现了全选、取消选择以及反选的功能。此案例适用于初学者了解jQuery对DOM的操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input class="INPUT2" type="checkbox" name="filed" value="province">省份
<input class="INPUT2" type="checkbox" name="filed" value="unit">单位名称
<input class="INPUT2" type="checkbox" name="filed" value="sex">性别
<input class="INPUT2" type="checkbox" name="filed" value="name">姓名
<input class="INPUT2" type="checkbox" name="filed" value="duty">职务

<input type="checkbox" name="cball" id="cball"/> 全选/取消
<input type="checkbox" name="cbfan" id="cbfan"/> 反选

$("#cball").click(function(){
  $("input[name='filed']").attr("checked",$(this).attr("checked"));
});

$("#cbfan").click(function(){
    $("[name='filed']").each(function(){
        if($(this).attr("checked"))
            $(this).removeAttr("checked");
           else
             $(this).attr("checked",'true');
        });
    });