JS实现CheckBox复选框全选全不选功能
CheckBox控件就是我们一般所说的复选框,通常用于某选项的打开或关闭。大多数应用程序的“设置”对话框内均有此控件。我们看到的可以打勾的就是CheckBox。
该控件表明一个特定的状态(即选项)是选定 (on,值为1) 还是清除 (off,值为0)。在应用程序中使用该控件为用户提供“True/False”或“yes/no”的选择。因为 CheckBox 彼此独立工作,所以用户可以同时选择任意多个 CheckBox,进行选项组合。
CheckBox复选框JS实现全选全不选功能,很简单,就只需插入一小段js函数就行了。。。
function cli(Obj)
{
var collid = document.getElementByIdx_x("all")
var coll = document.getElementsByName(Obj)
if (collid.checked){
for(var i = 0; i < coll.length; i++)
coll[i].checked = true;
}else{
for(var i = 0; i < coll.length; i++)
coll[i].checked = false;
}
}
下面是一组CheckBox复选框html代码
全选
A
B
C
D
E
F
好了,你可以复制一下以上的代码,修改测试一下。。。
以上所述就是本文的全部内容了,希望大家能够喜欢。相关阅读:
在Linux系统上加密文件和目录的教程
mvc中form表单提交的三种方式(推荐)
js动态添加onclick事件可传参数与不传参数
C#获取变更过的DataTable记录的实现方法
ASP.NET Get和Post两种提交方法浅析
php访问数组最后一个元素的函数end()用法
简介操作MySQL日志的一些方法
jQuery学习笔记之创建DOM元素
驱动人生全面支持win10系统 手把手教你装win10
win10 Edge浏览器快捷键有哪些?Edge浏览器的28个快捷键介绍
强制用户升级Win10 微软将建议升级变为计划安装推荐更新
php实现获取及设置用户访问页面语言类
JavaScript修改css样式style动态改变元素样式
Win10系统新增的Compact自带压缩功能如何使用