首頁猿問請問下面的JS是否可以實現(xiàn)多個復選...

請問下面的JS是否可以實現(xiàn)多個復選框的全選功能？！

JavaScript

catspeake 2023-04-09 13:09:25

查看完整描述

2 回答

蠱毒傳說

TA貢獻1895條經驗獲得超3個贊

不能

getElementsByName（）他的返回值是數(shù)組，應該修改一下

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>