<!DOCTYPE html>
<html>
<!--
需求:
1.写三个按钮：
第一个全选
第二个取消全选
第三个反选
-->
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
function allSelect(){
var arr = document.getElementsByTagName("input");
for(var i in arr){
arr[i].checked=true;
}
}
function allNotSelect(){
var arr = document.getElementsByTagName("input");
for(var i in arr){
arr[i].checked=false;
}
}
function reverseAll(){
var arr = document.getElementsByTagName("input");
for(var i in arr){
arr[i].checked=!(arr[i].checked);
}
}
</script>
</head>
<body>
<input type="button" value="全选" onclick="allSelect()"/>
<input type="button" value="取消全选" onclick="allNotSelect()"/>
<input type="button" value="反选" onclick="reverseAll()"/>
<hr/>
<input type="checkbox" name="song" checked="checked"/> 铁血丹心<br/>
<input type="checkbox" name="song"/> 火<br/>
<input type="checkbox" name="song"/> 大海<br/>
<input type="checkbox" name="song"/> 好汉歌<br/>
<input type="checkbox" name="song"/> 我们不一样<br/>
<input type="checkbox" name="song"/> 成都<br/>
<input type="checkbox" name="song"/> 半壶纱<br/>
<input type="checkbox" name="song"/> 你还要我怎样<br/>
<input type="checkbox" name="song"/> 一生所爱<br/>
<input type="checkbox" name="song"/> 追光者<br/>
</body>
</html>