站長資訊網(wǎng)
javascript設(shè)置全選的方法：首先創(chuàng)建一個HTML示例文件；然后添加script標(biāo)簽并創(chuàng)建js代碼；最后通過循環(huán)遍歷每個checkbox對象，將其checked屬性設(shè)置為true實現(xiàn)全選功能即可。
本文操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
javascript怎么設(shè)置全選？
JavaScript實現(xiàn)全選：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>checkbox的全選和取消全選</title> <script type="text/javascript"> //頁面加載的時候,所有的復(fù)選框都是未選中的狀態(tài) function checkOrCancelAll(){ //1.獲取checkbox的元素對象 var chElt=document.getElementById("chElt"); //2.獲取選中狀態(tài) var checkedElt=chElt.checked; //3.若checked=true,將所有的復(fù)選框選中,checked=false,將所有的復(fù)選框取消 var allCheck=document.getElementsByName("interest"); //4.循環(huán)遍歷取出每一個復(fù)選框中的元素 var mySpan=document.getElementById("mySpan"); if(checkedElt){ //全選 for(var i=0;i<allCheck.length;i++){ //設(shè)置復(fù)選框的選中狀態(tài) allCheck[i].checked=true; } mySpan.innerHTML="取消全選"; }else{ //取消全選 for(var i=0;i<allCheck.length;i++){ allCheck[i].checked=false; } mySpan.innerHTML="全選"; } } </script> </head> <body> <input type="checkbox" id="chElt" οnclick="checkOrCancelAll();"/><span id="mySpan">全選</span><br/> 學(xué)習(xí)<input type="checkbox" name="interest" value="study"/> 閱讀<input type="checkbox" name="interest" value="read"/> 運(yùn)動<input type="checkbox" name="interest" value="sport"/> 旅行<input type="checkbox" name="interest" value="travel"/> 繪畫<input type="checkbox" name="interest" value="draw"/> 音樂<input type="checkbox" name="interest" value="music"/> </body> </html>
Checkbox 對象：
Checkbox 對象代表一個 HTML 表單中的一個選擇框。
在 HTML 文檔中 <input type="checkbox"> 每出現(xiàn)一次，Checkbox 對象就會被創(chuàng)建。
您可以通過遍歷表單的 elements[] 數(shù)組來訪問某個選擇框，或者通過使用 document.getElementById() 。
checked 屬性：
checked 屬性設(shè)置或返回 checkbox 是否應(yīng)被選中。
語法
checkboxObject.checked=true|false
說明
該屬性保存了 checkbox 的當(dāng)前狀態(tài)，不管何時，這個值發(fā)生變化的時候，onclick 事件句柄就會觸發(fā)（也可能觸發(fā) onchange 事件句柄）。
【推薦學(xué)習(xí)：javascript高級教程】
