为了账号安全,请及时绑定邮箱和手机立即绑定

请问下面的JS是否可以实现多个复选框的全选功能?!

请问下面的JS是否可以实现多个复选框的全选功能?!

catspeake 2023-04-09 13:09:25
<script language="javascript">  function checkalls(totalamount){for(var i=0;i<totalamount;i++){  document.getElementsByName("checkbox"+i).checked=true;  } this.refresh;}</script>
查看完整描述

2 回答

?
蛊毒传说

TA贡献1895条经验 获得超3个赞

不能

getElementsByName() 他的返回值是数组,应该修改一下

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

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

查看完整回答
反对 回复 2023-04-12
?
紫衣仙女

TA贡献1839条经验 获得超15个赞

给你个例子:
<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>

查看完整回答
反对 回复 2023-04-12
  • 2 回答
  • 0 关注
  • 77 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信