永发信息网

JS不报错,但是功能无效,全选之类的功能

答案:2  悬赏:0  手机版
解决时间 2021-01-25 09:16
  • 提问者网友:欺烟
  • 2021-01-24 16:27
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled</title>
<script>
window.onload=function ()
{
var oBtn1=document.getElementById('btn1')
var oBtn2=document.getElementById('btn2')
var oBtn3=document.getElementById('btn3')
var oDiv1=document.getElementById('div1')
var aCh=oDiv1.getElementsByTagName('input')
oBtn1.onclick=function()
{
for(var i=0;i<aCh.length;i++)
{
aCh[i].check=true;
}
};
oBtn2.onclick=function()
{
for(var i=0;i<aCh.length;i++)
{
aCh[i].check=false;
}
};
oBtn3.onclick=function()
{
for(var i=0;i<aCh.length;i++)
{
if(aCh[i].check=true)
{
aCh[i].check=false;
}
else
{
aCh[i].check=true;
}
}
};
};
</script>
</head>
<body>
<input type="button" id="btn1" value="全选">
<input type="button" id="btn2" value="不选">
<input type="button" id="btn3" value="反选">
<div id="div1">
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
</div>
</body>
</html>
最佳答案
  • 五星知识达人网友:渊鱼
  • 2021-01-24 18:07
你的属性名check有问题 aCh[i].checked=true;采用这一句就可以了, 反选可以这样写:aCh[i].checked=!aCh[i].checked
全部回答
  • 1楼网友:拜訪者
  • 2021-01-24 19:08
错了,check改为checked if(aCh[i].check=true)改为if(aCh[i].checked==true) 再看看别人怎么说的。
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯