利用JavaScript实现全选与反选
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>javascript--实例</title>
</head>
<body>
<h3>全选与反选</h3>
<h4>你喜欢哪些体育运动？</h4>
<ul>
<li><input type="checkbox" name="sid"/>足球</li>
<li><input type="checkbox" name="sid"/>篮球</li>
<li><input type="checkbox" name="sid"/>乒乓球</li>
<li><input type="checkbox" name="sid"/>网球</li>
<li><input type="checkbox" name="sid"/>羽毛球</li>
<li><input type="checkbox" name="sid"/>橄榄球</li>
</ul>
<button onclick="Select(0);">全选</button>
<button onclick="Select(1);"><span style="color: blue;">全不选</span></button>
<button onclick="Select(2);"><span style="color: red;">反选</span></button>
<script type="text/javascript">
function Select(b){
//获取网页当中的input标签
var list = document.getElementsByTagName("input");
//遍历所有标签
for(var i=0;i<list.length;i++){
switch(b){
case 0:list[i].checked=true;break;
case 1:list[i].checked=false;break;
case 2:list[i].checked=!list[i].checked;break;
}
}
}
</script>
</body>
</html>
扫一扫
1238
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
