Javascript checkbox 勾選與反勾選詳解

代碼如下	複製代碼
<input type="checkbox" name="checkbox" value="" id="checkbox" />

Javascript處理checkbox總結如下

1，javascript勾選checkbox表單
（1）擷取表單對象
（2）設定表單對象的checked值，true表示勾選否則反勾選

代碼如下	複製代碼
document.getElementById("checkbox").checked = true

2，javascript擷取頁面所有checkbox表單對象
（1）根椐標籤TagName擷取所有input對象
（2）如果對象type為checkbox則為checkbox表單

代碼如下	複製代碼
var checkbox = document.getElementsByTagName("input"); for(var i=0,length=checkbox .length;i<length;i++){     if(checkbox.type == 'checkbox'){         //checkbox表單     } }

3，實現checkbox表單臨近元素點擊勾選，如下點擊“選中”勾選checkbox表單

代碼如下	複製代碼
<input type="checkbox" name="checkbox" value="" id="checkbox" /><span>選中</span>   var checkbox = document.getElementById("checkbox"); var nextObj = checkbox.nextSibling; nextObj.onclick = function(){     this.previousSibling.click(); }

注意擷取兩個臨近元素nextSibling和previousSibling的應用。

參考資料
XML DOM nextSibling 屬性
nextSibling 屬性可返回某個元素之後緊跟的元素（處於同一樹層級中）。
如果無此節點，則屬性返回 null。
文法：nodeObject.nextSibling

XML DOM previousSibling 屬性
previousSibling 屬性可返回某節點之前緊跟的節點（處於同一樹層級）
如果沒有此節點，那麼該屬性返回 null。
文法：nodeObject.previousSibling