猿问

js中关于全选按钮的问题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript">

window.onload=function ()

{

var oBtn1=document.getElementById('btn1');

// var oBtn2=document.getElementById('btn2');

//var oBtn3=document.getElementById('btn3');

var oDiv1=document.getElementByid('div1');

var oDiv=oDiv1.getElementsByTagName('input');


 

 

oBtn1.onclick=function ()

{

   for(var i=0;i<oDiv.length;i++)

{

   oDiv[1].checked=true;

}

};

 


}

</script>

</head>


<body>

<input id="btn1" type="button" value="全选" /><br>


<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>

</div>

</body>

</html>

为什么运行出来没效果,本来应该是全选的,但,,,

CHERISH1NG
浏览 1186回答 1
1回答

渣渣米

&nbsp;oDiv[1].checked=true; 只是&nbsp;oDiv元素集合的第一个而已&nbsp;oDiv[i].checked=true;
随时随地看视频慕课网APP
我要回答