abstract:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>全選按鈕的實(shí)現(xiàn)</title> <style type="text/css"> .box{width: 80px;h
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>全選按鈕的實(shí)現(xiàn)</title> <style type="text/css"> .box{width: 80px;height: 200px;border: 1px solid #000;margin: 0 auto;} .box div{border-bottom: 1px solid #666;margin-bottom: 8px;line-height: 30px;height: 30px;} .box input{margin-top: 8px;} </style> <script type="text/javascript"> function checkall(){ var all,item; all=document.getElementById('checkall') item=document.getElementsByName("item[]") for ( var i = 0; i <item.length; i++) { if (all.checked) { item[i].checked=true; }else{ item[i].checked=false; } } } </script> </head> <body> <div > <div> <input type="checkbox" id="checkall" onclick="checkall()">全選 </div> <input type="checkbox" name="item[]">選項(xiàng)1<br> <input type="checkbox" name="item[]">選項(xiàng)2<br> <input type="checkbox" name="item[]">選項(xiàng)3<br> <input type="checkbox" name="item[]">選項(xiàng)4<br> <input type="checkbox" name="item[]">選項(xiàng)5<br> <input type="checkbox" name="item[]">選項(xiàng)6 </div> </body> </html>
中間犯了一個(gè)低級錯(cuò)誤,將函數(shù)方法名與函數(shù)內(nèi)的變量設(shè)置成同一個(gè)名稱,導(dǎo)致函數(shù)不生效,以后會(huì)多加注意的
Correcting teacher:查無此人Correction time:2019-03-09 09:21:17
Teacher's summary:完成的不錯(cuò)。代碼記得縮進(jìn),看著整齊。 每行jis語句后面要增加結(jié)束符; 繼續(xù)加油