????:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>全選按鈕的實現(xiàn)</title> <style type="text/css"> .box{width: 80px;h
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>全選按鈕的實現(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[]">選項1<br> <input type="checkbox" name="item[]">選項2<br> <input type="checkbox" name="item[]">選項3<br> <input type="checkbox" name="item[]">選項4<br> <input type="checkbox" name="item[]">選項5<br> <input type="checkbox" name="item[]">選項6 </div> </body> </html>
中間犯了一個低級錯誤,將函數(shù)方法名與函數(shù)內(nèi)的變量設(shè)置成同一個名稱,導(dǎo)致函數(shù)不生效,以后會多加注意的
?? ???:查無此人?? ??:2019-03-09 09:21:17
???? ??:完成的不錯。代碼記得縮進,看著整齊。 每行jis語句后面要增加結(jié)束符; 繼續(xù)加油