[ayush patel]

Hi,

I have an application in which clicking on a checkbox should make rest of the checkboxes checked. its rather simple. I have never used Javascript before so i have no clue how to get through this.

here's my code.

this is the checkbox which on checked should make other check boxes checked.

Expand|Select|Wrap|Line Numbers

1. <td >
2. input <%If (Session("stateid") <> "") Then Response.Write("checked=""checked""") : Response.Write("")%> name="stateid" type="checkbox" class="body" id="stateid"   onclick="javascript:checkall(stateID);" value="checkbox" />
3.                         All States.
4. </td>

this is the code for other checkboxes(its in a loop)

Expand|Select|Wrap|Line Numbers

1. <td                                  
2.  <input <%For x = 0 to Ubound(Session("preferenceID"),1)%><%If (cInt(Session("preferenceID")(x)) = cInt((StateDDL.Fields.Item("stateID").Value))) Then Response.Write("checked=""checked""") : Response.Write("")%><%Next%> name="stateID"  type="checkbox" id="stateID" value="<%=(StateDDL.Fields.Item("stateID").Value)%>" />
3.                                 <%=(StateDDL.Fields.Item("stateName").Value)%> </td>

and here's my javascript(i'm not sure how perfect this is)

Expand|Select|Wrap|Line Numbers

1. <script type="text/JavaScript">
2. function checkall(stateID) 
3.  { 
4.  
5. stateID.Checked=true;
6.  
7. }
8.  
9. </script>

but this is doing nothing.please help.

Ayush

[DrBunchman]

Hi Ayush,

Try using the following example to help you. The javascript function Check_All_CheckBoxes loops through all the inputs in the specified span tag and checks them.

Expand|Select|Wrap|Line Numbers

1. <script type="text/JavaScript">
2. function Check_All_CheckBoxes()
3. {
4. var span = document.getElementById('spanCheckBoxes');
5. var chk
6. var chks= span.getElementsByTagName('input');
7. for (var i=0, len=chks.length; i<len; i++)
8.    {
9.    chk= chks[i];
10.    chk.checked = 1;
11.    }
12. }
13. </script>
14.  
15. <td >
16. <input type="checkbox" onclick="Check_All_CheckBoxes();" value="checkbox">All States.</input>
17. </td>
18.  
19. <td>
20.    <span id='spanCheckBoxes'>
21.    <%
22.    For x = 0 to 10
23.       %>
24.       <input name="stateID"  type="checkbox" value="<%=x%>" ><%=x%></input>
25.       <%
26.    Next
27.    %>
28.    </span>
29. </td>
30.  

Do you see how this works? Let me know how you get on.

Dr B

PS Please remember to use code tags to surround your code blocks.

[ayush patel]

Thanks a lot that worked.

Ayush.

[DrBunchman]

No problem, glad you got it working.

Dr B