首页 > 代码库 > js---复选框（全选，不选，反选）demo1--
js---复选框（全选，不选，反选）demo1--
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<span style="font-size: 24px;">javascript 案例 全选 不选 反选</span><br />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>全选 不选 反选</title>
</head>
<script>
window.onload=function (){
var oBtn1=document.getElementById("Btn1");
var oBtn2=document.getElementById("Btn2");
var oBtn3=document.getElementById("Btn3");
var oDiv=document.getElementById("Ben");
var oInp=oDiv.getElementsByTagName("input");
oBtn1.onclick=function(){ //全选
//oInp[0].checked=true; // checked ： 布尔值 false true;
for(var i=0; i<oInp.length ; i++){
oInp[i].checked=true;
}
};
oBtn2.onclick=function(){ //不选
for(var i=0; i<oInp.length ; i++){
oInp[i].checked=false;
}
};
oBtn3.onclick=function(){ //反选
for(var i=0; i<oInp.length ; i++){
if(oInp[i].checked==true){
oInp[i].checked=false;
}
else{
oInp[i].checked=true;
}
}
};
};
</script>
<body>
<input id="Btn1" type="button" value="http://www.mamicode.com/全选" /><br />
<input id="Btn2" type="button" value="http://www.mamicode.com/不选" /><br />
<input id="Btn3" type="button" value="http://www.mamicode.com/反选" /><br />
<div id="Ben">
<input type="checkbox" /><br />
<input type="checkbox" /><br /> <!--复选框 checked 选中-->
<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>
js---复选框（全选，不选，反选）demo1--
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。