javascript 实现批量选择、取消

来源:互联网 发布:淘宝客公众号怎么做 编辑:程序博客网 时间:2024/04/29 07:46
<html><head><script type="text/javascript">function selectAll() {       var arryObj = document.getElementsByName("selectedids")       for ( var i = 0; i < arryObj.length; i++) {             if (typeof arryObj[i].type != "undefined"                  && arryObj[i].type == 'checkbox')               arryObj[i].checked = true;       }   }     function unSelectAll() {       var arryObj = document.getElementsByName("selectedids");       for ( var i = 0; i < arryObj.length; i++) {           if (typeof arryObj[i].type != "undefined"                  && arryObj[i].type == 'checkbox')               ;           arryObj[i].checked = false;       }   }  </script></head><body><input type="button" value="check all" onclick="selectAll()" />  <input type="button" value="desc check all" onclick="unSelectAll()"/> <br><br><br><input type="checkbox" name="all" value="check it" onclick="if(!this.checked)unSelectAll();if(this.checked)selectAll()" />select all<br><input type="checkbox" name="all" value="check it" onclick="if(this.checked) selectAll(); else unSelectAll()" />select all<hr><form id="datas" >   <input type="checkbox" name="selectedids" value="check it" /><br>    <input type="checkbox" name="selectedids" value="check it" /><br>    <input type="checkbox" name="selectedids" value="check it" /><br>    <input type="checkbox" name="selectedids" value="check it" /><br>     <input type="checkbox" name="selectedids" value="check it" /><br>     <input type="checkbox" name="selectedids"value="check it" />   </form>   </body></html>


 

原创粉丝点击