摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>360系统急救箱</title> <style type="text/css"> .box{width: 800px
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>360系统急救箱</title> <style type="text/css"> .box{width: 800px;margin: 50px auto;border: 1px solid #ccc;} .box_head{background: blue;color: #fff;font-size: 24px;padding: 0px 10px;height: 50px;line-height: 50px;} .box input{margin: 10px;} .checkall{margin: 10px;} </style> </head> <body> <div> <div>360系统急救箱</div> <h4>如果急救后系统仍有异常,请在此强力修复系统常用设置项</h4> <hr> <input type="checkbox" name="item[]">用户样式表<br> <input type="checkbox" name="item[]">搜索提示页被恶意劫持<br> <input type="checkbox" name="item[]">桌面快捷方式<br> <input type="checkbox" name="item[]">开始菜单快捷方式<br> <input type="checkbox" name="item[]">快速启动快捷方式<br> <input type="checkbox" name="item[]">浏览器收藏夹快捷方式<br> <input type="checkbox" name="item[]">常见系统文件关联项<br> <input type="checkbox" name="item[]">系统常用组件检测<br> <input type="checkbox" name="item[]">系统启动配置<br> <input type="checkbox" name="item[]">系统桌面及资源管理器<br> <hr> <input type="checkbox" id="checkall" onclick="checkAll()"><label for="checkall">全选</label> </div> <script type="text/javascript"> function checkAll(){ var checkall,item; checkall=document.getElementById("checkall") item=document.getElementsByName("item[]") for(var i=0;i<item.length;i++){ if(checkall.checked){ item[i].checked=true; }else{ item[i].checked=false; } } } </script> </body> </html>
批改老师:天蓬老师批改时间:2018-11-18 09:17:15
老师总结:作业完成的不错,合格。使用循环能实现全选效果,还可以不用循环也能实现,后面的学习中希望能领悟