JavaScript之全选，取消全选，反选
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>全选，取消全选，反选</title>
<script type="text/javascript">
function checkAll(){ //全选
var all = document.getElementsByName("song"); //找到目标选项
for(var i = 0 ;i<all.length;i++){ //遍历，在赋值
all[i].checked=true;
}
}
function cancelAll(){ //取消全选
var all =document.getElementsByName("song"); //找到目标选项
for(var i=0;i<all.length;i++){ //遍历，再赋值
all[i].checked=false;
}
}
function reverse(){ //反选
var all =document.getElementsByName("song"); //找到目标选项
for(var i=0;i<all.length;i++){ //遍历，先判断，然后给赋予相反的值
if(all[i].checked==true){
all[i].checked=false;
}else{
all[i].checked=true;
}
}
}
</script>
</head>
<body>
<input type="button" value="全选" onclick="checkAll()"/> //找到方法
<input type="button" value="取消全选" onclick="cancelAll()" /> //找到方法
<input type="button" value="反选" onclick="reverse()"/> //找到方法
<hr/>
<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/>
<input type="checkbox" name="song"/> 追光者<br/>
</body>
</html>
