js中如何实现多个复选框全选

CheckBox复选框JS实现全选全不选功能,很简单，就只需插入一小段js函数就行了。。。

网站建设哪家好，找创新互联！专注于网页设计、网站建设、微信开发、小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了海东免费建站欢迎大家使用！

script language="javascript"

function cli(Obj)

{

//获取控制其它复选框的对象obj

var collid = document.getElementByIdx_x("all")

//获取需要全选，全不选功能的所有复选框

var coll = document.getElementsByName(Obj)

//如果obj被选中，则全选

if (collid.checked){

//循环设置所有复选框为选中状态

for(var i = 0; i  coll.length; i++)

coll[i].checked = true;

}else{//取消obj选中状态，则全不选

//循环设置所有复选框为未选中状态

for(var i = 0; i  coll.length; i++)

coll[i].checked = false;

}

}

/script

----------------------------------------------------

下面是一组CheckBox复选框html代码

----------------------------------------------------

input name='多选项名称' type='checkbox' value='' id="all"  onclick="cli('多选项名称');"  全选

input name='多选项名称' type='checkbox' value=''   A

input name='多选项名称' type='checkbox' value=''   B

input name='多选项名称' type='checkbox' value=''   C

input name='多选项名称' type='checkbox' value=''   D

input name='多选项名称' type='checkbox' value=''   E

input name='多选项名称' type='checkbox' value=''   F

----------------------------------------------------

怎么用JavaScript实现复选框的全部选择和全部取消

思路：获取复选框对象→循环设置ckecked属性值（true表示选中，false表示未选中）。关键代码：

obj.checked = true | false;

实例演示如下：

1、HTML结构

input type="checkbox" name="test" value="1"item-1

input type="checkbox" name="test" value="2"item-2

input type="checkbox" name="test" value="3"item-3br

input type="checkbox" name="test" value="4"item-4

input type="checkbox" name="test" value="5"item-5br

input type="button" value="全选" onclick="setChecked(true)"input type="button" value="取消" onclick="setChecked(false)"

2、javascript代码

function setChecked(option){

var cks = document.getElementsByName("test");

for(i=0;icks.length;i++){

cks[i].checked = option;

}

}

3、效果演示

javascript中如何弹出复选框

建议你先写好一个隐藏的DIV，然后写上复选框，点击的时候让这个DIV现实就行了，可能要设置下透明浮动等样式

javascript 复选框问题：

建议你先写好一个隐藏的DIV，然后写上复选框，点击的时候让这个DIV现实就行了，可能要设置下透明浮动等样式

如何用javaScript实现复选框的联动?

在动态生成的时候，需要对 CHECKBOX 的ID 做一些特殊的命名，比如：根是ROOT，父亲是 P_标志位_序号，子节点是 标志位_序号 这种类型的， 才会容易控制

名称栏目：javascript复选框,javascript复选框怎么做
标题来源：http://chengdu.cdxwcx.cn/article/dsdjipc.html