刘玉莲3
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了刘玉莲3相关的知识，希望对你有一定的参考价值。
这周还是主要学习JS，学了一个月了，感觉都是要懂不懂的，再过一周就要考试了，也是我分班以来第一次考试，班主任为了能让我们考出好成绩，从这周开始，每天加课一个半小时，我知道班主任也是为我们好，当然，我也会利用这个时间，好好的补一下以前没有学懂的知识，希望考试，我们都能考出好成绩。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title> </head>
<body>
<div id="div1">
<input type="checkbox" />吃饭
<input type="checkbox" />睡觉
<input type="checkbox" />打豆豆
<input type="checkbox" />音乐
<input type="checkbox" />游戏 </div>
<div>
<input type="button" onclick="quanxuan()" value="全选"/>
<input type="button" onclick="quanbuxuan()" value="全不选"/>
<input type="button" onclick="fanxuan()" value="反选"/>
</div>
<script>
function quanxuan(){
var div1=document.getElementById("div1");
var ins=div1.getElementsByTagName("input");
for(var i=0;i<ins.length;i++){
if(ins[i].type=="checkbox"){
ins[i].checked=true;
}
}
}
function quanbuxuan(){
var div1=document.getElementById("div1");
var ins=div1.getElementsByTagName("input");
for(var i=0;i<ins.length;i++){
if(ins[i].type=="checkbox"){
ins[i].checked=false;
}
}
}
function fanxuan(){
var div1=document.getElementById("div1");
var ins=div1.getElementsByTagName("input");
for(var i=0;i<ins.length;i++){
if(ins[i].type=="checkbox"){
ins[i].checked=!ins[i].checked;
}
}
}
}
</script>
</body>
</html>
这是全选，全不选，反选按钮，其实，懂起了，还是比较简单，主要是写起了一个，第二个，第三个就比较好写了。
以上是关于刘玉莲3的主要内容，如果未能解决你的问题，请参考以下文章