css 一键全选与反选
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>一键全选和不选</title>
</head>
<body>
<button value="全选" id="clear" onclick="odd()">全选</button>
<button value="反选" id="selet" onclick="add()">反选</button><br />
<input type="checkbox" />1<br />
<input type="checkbox" />1<br />
<input type="checkbox" />1<br />
<script>
var clear=document.getElementById("clear");
var selet=document.getElementById("selet");
var checked=document.getElementsByTagName("input");
function odd(){
for(var i=0;i<checked.length;i++){
if(checked[i].checked==false){
checked[i].checked=true;
}
}
}
function add(){
for(var i=0;i<checked.length;i++){
if(checked[i].checked==true){
checked[i].checked=false;
}else{
checked[i].checked=true;
}
}
}
</script>
</body>
</html>