摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>全选</title>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>全选</title> <style> #box ul{ width: 150px; height: 300px; border: 1px solid #CCCCCC; margin: 0 auto; } ul{ list-style: none; } </style> <script> function checkall() { var all = document.getElementById('checkall'); var tt = document.getElementsByName('tem[]'); for (var i=0;i<tt.length;i++){ if(all.checked){ tt[i].checked=true; }else{ tt[i].checked=false; } } } </script> </head> <body> <div id="box"> <ul> <li><input type="checkbox" id="checkall" onclick="checkall()"><label for="checkall">全选</label></li> <li><input type="checkbox" name="tem[]" id="a1"><label for="a1">选项</label></li> <li><input type="checkbox" name="tem[]" id="a2"><label for="a2">选项</label></li> <li><input type="checkbox" name="tem[]" id="a3"><label for="a3">选项</label></li> <li><input type="checkbox" name="tem[]" id="a4"><label for="a4">选项</label></li> <li><input type="checkbox" name="tem[]" id="a5"><label for="a5">选项</label></li> <li><input type="checkbox" name="tem[]" id="a6"><label for="a6">选项</label></li> <li><input type="checkbox" name="tem[]" id="a7"><label for="a7">选项</label></li> <li><input type="checkbox" name="tem[]" id="a8"><label for="a8">选项</label></li> </ul> </div> </body> </html>
批改老师:灭绝师太批改时间:2018-11-09 10:49:09
老师总结:完成的不错,但是除了老师上课代码测试,还需要自己找点案例练练手哦!