jquery 全选和反选

两种形式：

1.jquery操作html代码的全选和反选

function checkAll() {
            //var check = $("input[name='checkall']").attr("checked");
            //var check = $("[id='checkbox6']").attr("checked");
            //$("input[name='checkbox']").attr("checked", check);

｝

<input type="checkbox" id="checkbox1" name="checkbox"/>1
<input type="checkbox" id="checkbox2"  name="checkbox"/>2
<input type="checkbox" id="checkbox3"  name="checkbox"/>3
<input type="checkbox" id="checkbox4"  name="checkbox"/>4
<input type="checkbox" id="checkbox5"  name="checkbox"/>5
<input type="checkbox" id="checkbox6" name="checkall" οnclick="checkAll()" />全选

 

2.jquery操作服务器控件，实现全选和反选

function checkAll() {
            //服务器控件的全选和反选
            var check = $("[id$='CheckBox7']").attr("checked");
            $("[type='checkbox']").attr("checked", check);
        }

<asp:CheckBox ID="CheckBox1" runat="server" Text="1"/>
<asp:CheckBox ID="CheckBox2" runat="server" Text="2" />
<asp:CheckBox ID="CheckBox3" runat="server" Text="3" />
<asp:CheckBox ID="CheckBox4" runat="server" Text="4" />
<asp:CheckBox ID="CheckBox5" runat="server" Text="5" />
<asp:CheckBox ID="CheckBox6" runat="server" Text="6" />
<asp:CheckBox ID="CheckBox7" runat="server" Text="全选" οnclick="checkAll()" />

转载于:https://www.cnblogs.com/tangjianglan/archive/2012/05/04/2482384.html