开启辅助访问
切换到宽版

天天ASP家园官方Q群

天天ASP家园网友互动群

群1: 697497501(新手学习互助群)

群2: 47598123(进阶应用群)

天天ASP家园»论坛 › 资源交易 › 前端模板 › 关于checkbox全选 ，反选，部分选择的示范
返回列表 发新帖
查看: 546|回复: 0

[JS代码] 关于checkbox全选 ，反选，部分选择的示范

[复制链接]
xuanxiao 发表于 2022-5-22 11:58:50 | 显示全部楼层 |阅读模式
针对稍微有些复杂的需求，可以参考下：
HTML代码：

  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>
复制代码


1.png


GIF.gif
checkbox.asp (7.46 KB, 下载次数: 0, 售价: 30 个ASP币)
ASP币如何冲？请看这里
回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表

在线客服

售前咨询
售后咨询
服务热线
023-58418553
微信公众号