JS全选checkbox

Question

var checkflag = "false";
function qx(field,id)
{
    if (checkflag == "false") { 
    for (i = 0; i < field.length; i++) { 
    field[i].checked = true;} 
    checkflag = "true";
    return "false"; } 
    else
    {
        for (i = 0; i < field.length; i++) { 
        field[i].checked = false;} 
        checkflag = "false";
        return "false";
    }
}
上面这个代码是全选和反选checkbox的JS代码，但局限于页面只有一组checkbox，我想要页面有几组的话也还能用！还有一点就是如果页面有几组checkbox的话，该怎样获取所有选中checkbox的值谢谢

Answer 1

先找type是checkbox的。再你懂得

Answer 2

foreach (Control ct in this.Controls)
        {
            if (ct is CheckBox) 
            {
                CheckBox cb = (CheckBox)ct;
                cb.Checked = true;
            }我想这样可以~~~~

Answer 3

JScript code
<script>
 function openAll(obj)
{
  var allcheckbox = document.getElementsByTagName("input");//获得所有的复选框
            for (var i = 0; i < allcheckbox.length; i++)
            {
                var ck = allcheckbox[i];
                if (ck.type == "checkbox" && ck!=obj)
                {                   
                        ck.checked = obj.checked;
                }
            }
}
</script>
<input type="checkbox" id="chkOpenAll" onclick="openAll(this)" />全部展开<input type="checkbox" id="chk1" onclick="openAll()" />
<input type="checkbox" id="chk1" onclick="openAll()" />
<input type="checkbox" id="chk1" onclick="openAll()" />
<input type="checkbox" id="chk1" onclick="openAll()" />
<input type="checkbox" id="chk1" onclick="openAll()" />

Answer 4

  //divGridView 为gridview外的div的ID
    //chkAllboxID 为全选的checkbox 的ID
    function selectAll(divGridView,chkAllboxID)
    {
        var chk = document.getElementById(chkAllboxID);
        var div = document.getElementById(divGridView);
        var chks = div.getElementsByTagName("input");
        
        for(var i=0;i<chks.length;i++)
        {
             if(chks[i].type=="checkbox")
             {
               chks[i].checked=chk.checked;
             }
        }
     
    }<div id="divGridView1" style="cursor:pointer;">
            <asp:gridview ID="Gridview1" runat="server" Width="50%" onrowdatabound="Gridview1_RowDataBound" AllowPaging="True" onpageindexchanging="Gridview1_PageIndexChanging">
                    <RowStyle BackColor="WhiteSmoke" />
                    <AlternatingRowStyle BackColor="LightYellow" />
                    <Columns>
                    <asp:TemplateField>
                        <HeaderTemplate>
                           <input type="checkbox" id="checkAll1" onclick="selectAll('divGridView1','checkAll1');" />
                        </HeaderTemplate>
                        <ItemTemplate>
                           <asp:CheckBox runat="server" ID="check" />
                        </ItemTemplate>
                    </asp:TemplateField>
                    </Columns>
                    <HeaderStyle BackColor="SteelBlue" />
            </asp:gridview>
        </div>

Answer 5

   <script>
     
      
        $("input[id *= 'chkSelAll']").click(function() { $("input[id *= 'chkSelect']").attr("checked", $("input[id *= 'chkSelAll']").attr('checked')) });
    </script>

Answer 6

<script type="text/javascript">
function sl(){
var gv=document.getElementsByTagName("input");for(var i=0;i<gv.length;i++)
{
    if(gv[i].type=="checkbox")
    gv[i].checked=gv[i].checked==true?false:true;
}
}
</script>

Answer 7

<script language = "JavaScript">
    function CheckAll(form) {
        for (var i = 0; i < form.elements.length; i++) {
            var e = form.elements[i];
            if (e.Name != "chkAll" && e.disabled == false)
                e.checked = form.chkAll.checked;
        }
    }
</script>

Answer 8

放个DIV里，然后获取某个DIV下的所有复选框不就行了。