关于checkbox全选 ，反选，部分选择的示范

针对稍微有些复杂的需求，可以参考下：
HTML代码：

1. 
   
2. <input name="ALL" type="checkbox" id="ALL" value="所有单位" checked="CHECKED">
   
3.                           <b><font color="#FF0000">所有单位</font></b><br>
   
4. <tr>
   
5.                         <td valign="top" align="left">
   
6.                         
   
7.                            <input name="GD" type="checkbox" value="各供电公司" id="GD">
   
8.                            <b>各供电公司</b>
   
9.                            
   
10. <div id="List_GD">
    
11. <input name="ckb" type="checkbox" value="沈阳公司">沈阳公司<br>
    
12. <input name="ckb" type="checkbox" value="大连公司">大连公司<br>
    
13. <input name="ckb" type="checkbox" value="鞍山公司">鞍山公司<br>
    
14. <input name="ckb" type="checkbox" value="抚顺公司">抚顺公司<br>
    
15. <input name="ckb" type="checkbox" value="本溪公司">本溪公司<br>
    
16. <input name="ckb" type="checkbox" value="丹东公司">丹东公司<br>
    
17. <input name="ckb" type="checkbox" value="锦州公司">锦州公司<br>
    
18. <input name="ckb" type="checkbox" value="营口公司">营口公司<br>
    
19. <input name="ckb" type="checkbox" value="阜新公司">阜新公司<br>
    
20. <input name="ckb" type="checkbox" value="辽阳公司">辽阳公司<br>
    
21. <input name="ckb" type="checkbox" value="盘锦公司">盘锦公司<br>
    
22. <input name="ckb" type="checkbox" value="铁岭公司">铁岭公司<br>
    
23. <input name="ckb" type="checkbox" value="朝阳公司">朝阳公司<br>
    
24. <input name="ckb" type="checkbox" value="葫芦岛公司">葫芦岛公司<br>
    
25.                            </div>
    
26.                           
    
27.                         
    
28.                         </td>
    
29.                         <td valign="top" align="left">
    
30.                         
    
31.                            <input name="BZ" type="checkbox" value="运营保障单位" id="BZ">
    
32.                            <b>运营保障单位</b>
    
33. <div id="List_BZ">
    
34. <input name="ckb" type="checkbox" value="经研院">经研院<br>
    
35. <input name="ckb" type="checkbox" value="建设公司">建设公司<br>
    
36. <input name="ckb" type="checkbox" value="电科院">电科院<br>
    
37. <input name="ckb" type="checkbox" value="营服中心">营服中心<br>
    
38. <input name="ckb" type="checkbox" value="超高压公司">超高压公司<br>
    
39. <input name="ckb" type="checkbox" value="物资公司">物资公司<br>
    
40. <input name="ckb" type="checkbox" value="信通公司">信通公司<br>
    
41. <input name="ckb" type="checkbox" value="管培中心">管培中心<br>
    
42. <input name="ckb" type="checkbox" value="大培中心">大培中心<br>
    
43. <input name="ckb" type="checkbox" value="技培中心">技培中心<br>
    
44. <input name="ckb" type="checkbox" value="实业公司">实业公司<br>
    
45.                           </div>
    
46.                         
    
47.                         </td>
    
48.                         <td valign="top" align="left">
    
49.                            <input name="SC" type="checkbox" value="市场化及产业单位" id="SC">
    
50.                            <b>市场化及产业单位</b>
    
51.                             <div id="List_SC">                           
    
52.                            <input name="ckb" type="checkbox" value="送变电公司">送变电公司<br>
    
53.                            <input name="ckb" type="checkbox" value="综合能源公司">综合能源公司<br>
    
54.                            <input name="ckb" type="checkbox" value="电能公司">电能公司<br>
    
55.                            <input name="ckb" type="checkbox" value="电动汽车公司">电动汽车公司<br>
    
56.                            <input name="ckb" type="checkbox" value="思极科技公司">思极科技公司<br>
    
57.                            <input name="ckb" type="checkbox" value="辽宁能发">辽宁能发<br>
    
58.                            <input name="ckb" type="checkbox" value="经开公司">经开公司<br>
    
59.                            <input name="ckb" type="checkbox" value="格瑞恩公司">格瑞恩公司<br>
    
60.                            <input name="ckb" type="checkbox" value="福瑞德公司">福瑞德公司<br>
    
61.                         </div>
    
62.                         </td>
    
63.                       </tr>
    

复制代码

checkbox.asp (7.46 KB, 下载次数: 0, 售价: 30 个ASP币)

2022-5-22 23:02 上传

点击文件名下载附件