这周还是主要学习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> 这是全选,全不选,反选按钮,其实,懂起了,还是比较简单,主要是写起了一个,第二个,第三个就比较好写了。
时间: 2024-07-30 03:35:56