Question

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

<script language="javascript">
function checkalls(totalamount)
{
for(var i=0;i<totalamount;i++){
document.getElementsByName("checkbox"+i).checked=true;
}
this.refresh;
}
</script>
请问以上的JS是否可以实现多个复选框的全选功能？！
请给详细的指点，谢谢

Answer 1

•  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

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

Answer 2

不能
getElementsByName（） 他的返回值是数组，应该修改一下

document.getElementsByName("checkbox"+i)[0].checked=true;

取得的第0个对象就是你想操作的对象。。

Answer 3

给你个例子：
<checkbox name="checkbox" value="1" > 选项1</checkbox>
<checkbox name="checkbox" value="2" > 选项2</checkbox>
<br>
<br>
<checkbox name="checkbox" value="3" > 选项3</checkbox>
<br>
<br>
<checkbox name="checkbox" value="4" > 选项4</checkbox>
<br>
<br>
<checkbox name="checkbox" value="5" >选项5</checkbox>
<br>
<br>
<checkbox name="selectFlag" value="5" onclick="checkAll()">全选</checkbox>
<checkbox value="5" onclick="checkOther()">反选</checkbox>

<script language="javascript">
//全选
function checkAll()
{
var object = document.getElementsByName("checkbox");
var length = object.length;
var checked = document.getElementById("selectFlag").checked;
for (var i = 0; i < length; i++)
{
object[i].checked=checked;
}
}
//反选
function checkOther()
{
var object = document.getElementsByName("checkbox");
var length = object.length;
for (var i = 0; i < length; i++)
{
if(object[i].checked)
{
object[i].checked=false;
}
else
object[i].checked="true";
}
}
</script>