JavaScript實現單擊全選 ,再次點選取消全選

李文楊發表於2016-11-02

 

 

                            

以下為實現思路,已測試,供參考

var allSet = document.getElementById('allSet');//獲取全選按鈕元素

var a = allSet.Custom;//給全選按鈕自定義屬性

    a = 0;//自定義屬性值為0

var input1 = all.getElementsByTagName('input');//獲取all下的全部input標籤;

//給全選按鈕新增點選事件,進行判斷;

allSet.onclick = function() {

//如果a為0執行第一個for迴圈;

if(a == 0) {

//迴圈遍歷所有input標籤;

for(i = 0; i < input1.length; i++) {

//讓input標籤處於選中狀態 (checked true 選中),(checked false  未選中);

input1[i].checked = true;

//在這裡將自定義屬性的值變為1

a = 1

}

}

//如果a為1執行下一個for迴圈,讓input標籤處於未選中狀態

else{

for(i = 0; i < input1.length; i++) {

input1[i].checked = false;

a = 0

}

}

}

相關文章