复选框全选或全不选
来源:互联网 发布:花瓣软件下载 编辑:程序博客网 时间:2024/06/05 14:13
方法一: <input type="checkbox" name="num2" value="" id="checkedAll" style="display:none;" onclick="if(this.checked==true) { checkAll1('num2'); } else { clearAll1('num2'); }" /> <label for="checkedAll"><input type="button" class="buttonStyle" value="全选" /></label> <script>function checkAll1(name){ var el = document.getElementsByTagName('input'); var len = el.length; for(var i=0; i<len; i++) { if((el[i].type=="checkbox") && (el[i].name==name)){ el[i].checked = true;} }}function checkAll2(name){ var el = document.getElementsByTagName('input'); var len = el.length; for(var i=0; i<len; i++) { if((el[i].type=="checkbox") && (el[i].name==name)){ el[i].checked = true;} }}function clearAll1(name){ var el = document.getElementsByTagName('input'); var len = el.length; for(var j=0; j<len; j++) { if((el[j].type=="checkbox") && (el[j].name==name)) { el[j].checked = false; } }}function clearAll2(name){ var el = document.getElementsByTagName('input'); var len = el.length; for(var j=0; j<len; j++) { if((el[j].type=="checkbox") && (el[j].name==name)) { el[j].checked = false; } }}</script>