当前位置:Gxlcms > JavaScript > JS实现CheckBox复选框全选、不选或全不选功能_javascript技巧

JS实现CheckBox复选框全选、不选或全不选功能_javascript技巧

时间:2021-07-01 10:21:17 帮助过:7人阅读

CheckBox控件表明一个特定的状态(即选项)是选定 (on,值为1) 还是清除 (off,值为0)。在应用程序中使用该控件为用户提供“True/False”或“yes/no”的选择。因为 CheckBox 彼此独立工作,所以用户可以同时选择任意多个 CheckBox,进行选项组合。

CheckBox复选框JS实现全选、不选、全不选功能,很简单,具体内容如下

思路:

  • 1、获取元素
  • 2、给全选 不选 反选添加点击事件
  • 3、用for循环checkbox
  • 4、把checkbox的checked设置为true即实现全选
  • 5、把checkbox的checked设置为false即实现不选
  • 6、通过if判断,如果checked为true选中状态的,就把checked设为false不选状态,如果checked为false不选状态的,就把checked设为true选中状态。

html代码:

 
  
  
   
















js代码:

以上所述就是本文的全部内容了,希望大家能够喜欢。

人气教程排行