1. 程式人生 > >js版本的全選 反選 和全不選

js版本的全選 反選 和全不選

這個以後做批量刪除之類的時候應該會用到 先記錄下來

這裡寫圖片描述

<button id="b1">全選</button>
     <button id="b2">反宣</button>
     <button id="b3">全不選</button>

     <input type="checkbox" />白菜
     <input type="checkbox" />豬肉
     <input type="checkbox" />粉條
     <input type="checkbox"
/>
蘿蔔 <input type="checkbox" />青菜 <script type="text/javascript"> var b1 = document.getElementById("b1"); var b2 = document.getElementById("b2"); var b3 = document.getElementById("b3"); var input = document.getElementsByTagName("input") //全選
b1.onclick = function (){ for(var i = 0;i<input.length;i++){ input[i].checked = true; } } //全不選 b3.onclick = function (){ for(var i = 0;i<input.length;i++){ input[i].checked = false; } } //反選
b2.onclick = function (){ for(var i = 0;i<input.length;i++){ input[i].checked = !input[i].checked; } }
</script>