最近沒事寫了個特別基礎的多選框功能代碼,代碼以下:
js部分:javascript
//獲取全部class爲checkbox的多選按鈕(須要如下功能須要先寫出對應功能的元素)。 var checkBoxList = document.getElementsByClassName("checkbox"), checkAll = document.getElementById("checkAll"),//全選 checkReverse = document.getElementById("checkReverse"),//反選 checkClear = document.getElementById("checkClear");//清空 //全選 checkAll.onclick = function(){ for(var i=0;i<checkBoxList.length;i++){ checkBoxList[i].checked=true; } } //反選 checkReverse.onclick = function(){ for(var i=0;i<checkBoxList.length;i++){ if(checkBoxList[i].checked==true){ checkBoxList[i].checked=false; }else{ checkBoxList[i].checked=true; } } } //清空 checkClear.onclick = function(){ for(var i=0;i<checkBoxList.length;i++){ checkBoxList[i].checked=false; } }
html部分:html
<input type="checkbox" class="checkbox" id="c1"> <input type="checkbox" class="checkbox" id="c2"> <input type="checkbox" class="checkbox" id="c3"> <a id="checkAll" href="javascript:void(0)">全選</a> <a id="checkReverse" href="javascript:void(0)">反選</a> <a id="checkClear" href="javascript:void(0)">清空</a>
第一次寫文章,大牛隨便看看,之後會陸續寫一些,歡迎你們一塊兒交流進步~java