jquery implements a checkbox to select all, reverse.

1. When a select checkbox is selected, all sub-checkboxes are selected. Conversely, all do not choose

2. In the Sub-checkbox, deselect the Select CheckBox as long as there is no selection

3. If the number of sub-checkboxes is the same as the number of sub-checkboxes selected, the Select checkbox is selected

[JavaScript]View PlainCopy

2. check box events
4. Select All, Cancel all selected events
6. function SelectAll () {
8. if ($ ("#SelectAll"). attr ("checked")) {
10. $ ("input[name= ' Subcheck ')"). attr ("Checked", true);
12. } Else {
14. $ (": CheckBox"). attr ("checked", false);
16. }
18. }
20. Sub-check box events
22. function Setselectall () {
24. //When a child check box is not selected, SelectAll uncheck
26. if (!$ ("#subcheck"). Checked) {
28. $ ("#SelectAll"). attr ("Checked", false);
30. }
32. var chsub = $ ("input[type= ' checkbox '][name= ' Subcheck ']"). Length; //Get the number of Subcheck
34. var checkedsub = $ ("input[type= ' checkbox '][name= ' Subcheck ']:checked"). Length; //Get the number of selected Subcheck
36. if (checkedsub = = chsub) {
38. $ ("#SelectAll"). attr ("Checked", true);
40. } else{
42. $ ("#SelectAll"). attr ("checked", false);}
44. }

The ID of the Select checkbox is SelectAll, and the name of the sub-checkbox is Subcheck.

The JSP page code is as follows:

[HTML]View PlainCopy

2. <input type="checkbox" id="SelectAll" value="Select All" onclick="SelectAll ();" />
6. <input type="checkbox" name="subcheck[]" value="1" onclick="Setselectall ();" />
8. <input type="checkbox" Name="subcheck[]" value="2" onclick=" Setselectall (); " />
10. <input type="checkbox" Name="subcheck[]" value="3" onclick="Setselectall ();" />
12. <input type="checkbox" Name="subcheck[]" value="4" onclick=" Setselectall (); " />

jquery implements a checkbox to select all, reverse.