javascript

时间：2015-08-18 01:20:45 阅读：154 评论：0 收藏：0 [点我收藏+]

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
window.onload =function()
{
var a1 = document.getElementById(‘btn1‘);
var a2 = document.getElementById(‘btn2‘);
var a3 = document.getElementById(‘btn3‘);
//选 div1下面东西

var oDiv =document.getElementById(‘div1‘);
var aCh = oDiv.getElementsByTagName(‘input‘);

a1.onclick =function()
{
for(i = 0;i<aCh.length;i++)
{
aCh[i].checked =true;
}

};

a2.onclick =function()
{
for(i = 0;i<aCh.length;i++)
{
aCh[i].checked =false;
}

};

a3.onclick =function()
{
for(i = 0;i<aCh.length;i++)
{
if( aCh[i].checked ==false)
{
aCh[i].checked =true;
}else{
aCh[i].checked = false;
}

}

};

}
</script>
</head>

<body>
<input id="btn1" type="button" value="全选"/><br/>
<input id="btn2" type="button" value="不选"/><br/>
<input id="btn3" 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/>
<input type="checkbox"/><br/>
</div>
</body>
</html>

javascript

标签：javascript

原文地址：http://blog.csdn.net/u010220089/article/details/47735761

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行