首頁 > 開發者 > JavaScript
標籤：
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="Generator" content="EditPlus®"> | |
| <meta name="Author" content=""> | |
| <meta name="Keywords" content=""> | |
| <meta name="Description" content=""> | |
| <title>Document</title> | |
| <script> | |
| function checkAll( booleanValue ) | |
| { | |
| var checkboxset= document.getElementsByName("hobby"); | |
| for(var i =0;i<checkboxset.length; i++ ) | |
| { | |
| checkboxset[i].checked = booleanValue; | |
| } | |
| } | |
| function reverseCheck(){ | |
| //找到所有的checkbox | |
| //針對每一個checkbox，判斷其當前的checked屬性，並且置反 | |
| var checkboxset= document.getElementsByName("hobby"); | |
| for(var i =0;i<checkboxset.length; i++ ) | |
| { | |
| checkboxset[i].checked = !checkboxset[i].checked; | |
| } | |
| } | |
| </script> | |
| </head> | |
| <body> | |
| <h1>請選擇你的愛好：</h1> | |
| 全選/全不選<input type="checkbox" name="hobbys" onclick="checkAll(this.checked)" /><br/> | |
| <input type="checkbox" name="hobby" value="football" onclick=""/>足球 | |
| <input type="checkbox" name="hobby" value="basketball" onclick=""/>籃球 | |
| <input type="checkbox" name="hobby" value="swim" onclick=""/>遊泳 | |
| <input type="checkbox" name="hobby" value="singing" onclick=""/>唱歌<br/> | |
| <input type="button" value="全選" onclick="checkAll(true)"/> <input type="button" value="全不選" onclick="checkAll(false)"/> | |
| <input type="button" value="反選" onclick="reverseCheck()"/> | |
| </body> | |
| </body> | |
| </html> | |
JavaScript下全選反選的Demo程式裡實現checkmeonly函數 DOM
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
