javascript

时间：2015-08-18 01:19:51 阅读：218 评论：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

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

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)