checking multiple checkboxlist with a click of a button

Question

I have three different checkbox list on my web page. I want to have a checkbox that says "select All" and when that check box is checked then all three checkbox list checkboxes are checked. I was looking at this example that checks one checkbox list by clicking on select button, but I want all three checkbox list checkboxes to be checked in javascript. Below is my code

 <asp:CheckBox ID="chkCheckAll" runat="server" Text="Check/Uncheck All"  
                                        Style="font-weight: 700"      CausesValidation="false" oncheckedchanged="chkCheckAll_CheckedChanged" AutoPostBack="true" 
                                          />

   <asp:CheckBoxList ID="chkList_MetricsSeverity" runat="server"   RepeatDirection="Horizontal"
                                                RepeatColumns="3" Width="1060px">
                                            </asp:CheckBoxList>

 <asp:CheckBoxList ID="chkList_MetricsAvgMedian" runat="server" RepeatDirection="Horizontal"
                                                RepeatColumns="3" Width="1060px">
                                            </asp:CheckBoxList>

 <asp:CheckBoxList ID="chkList_Counts" runat="server" RepeatDirection="Horizontal"
                                                RepeatColumns="3" Width="1060px">
                                            </asp:CheckBoxList>

any help will be appreciated

Akash KC · Accepted Answer · 2012-08-09 18:18:26Z

2

Have a look here...You can find the way to implement above stuff in both asp.net and javascript way......

answered Aug 9, 2012 at 18:18

Akash KC

16.4k6 gold badges41 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Avinash Chandra Over a year ago

I already saw that article, but it only for one checkbox list. i need to pass the id for multiple checkboxlist in the javascript function. I don't know how to do that.

Avinash Chandra · Accepted Answer · 2012-08-10 19:45:50Z

This is what needs to eb done. below is the code

  function CheckAll() {


        var chkbx = document.getElementById('<%=chkCheckAll.ClientID %>');

        var chkbxList1 = document.getElementById('<%=chkList_MetricsSeverity.ClientID %>');

        var chkbxList2 = document.getElementById('<%=chkList_MetricsAvgMedian.ClientID %>');

        var chkbxList3 = document.getElementById('<%=chkList_Counts.ClientID %>');
        if (chkbx.checked == true) {
            var chkbxListCount = chkbxList1.getElementsByTagName('input');
            for (var i = 0; i < chkbxListCount.length; i++) {
                chkbxListCount[i].checked = true;
            }
            var chkbxListCount = chkbxList2.getElementsByTagName('input');
            for (var i = 0; i < chkbxListCount.length; i++) {
                chkbxListCount[i].checked = true;
            }
            var chkbxListCount = chkbxList3.getElementsByTagName('input');
            for (var i = 0; i < chkbxListCount.length; i++) {
                chkbxListCount[i].checked = true;
            }
        }
        else {
            var chkbxListCount = chkbxList1.getElementsByTagName('input');
            for (var i = 0; i < chkbxListCount.length; i++) {
                chkbxListCount[i].checked = false;
            }
            var chkbxListCount = chkbxList2.getElementsByTagName('input');
            for (var i = 0; i < chkbxListCount.length; i++) {
                chkbxListCount[i].checked = false;
            }
            var chkbxListCount = chkbxList3.getElementsByTagName('input');
            for (var i = 0; i < chkbxListCount.length; i++) {
                chkbxListCount[i].checked = false;
            }
        } 




    }

Collectives™ on Stack Overflow

checking multiple checkboxlist with a click of a button

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related