天天看點

form表單複選框的一鍵全選(取消)

先貼html主要代碼

<script type="text/javascript" src="checkbox.js"></script>
<form name="form" >
<input type="checkbox" name="checkbox" value="全選/取消" onclick="check()">全選/取消<br/>
<input type="checkbox" name="box" value="我是老大">大大大大<br/>
<input type="checkbox" name="box" value="我是老二">二二二二<br/>
<input type="checkbox" name="box" value="我是老三">三三三三<br/>
<input type="checkbox" name="box" value="我是老幺">幺幺幺幺<br/>
           

相對應的js代碼如下

function check(){
	var a=document.getElementsByName('checkbox');
	var b=document.getElementsByName('box');
	if(a[0].checked==true){
	
		for(var i=0;i<b.length;i++)b[i].checked=true;
		}
	else{
		for(var i=0;i<b.length;i++)b[i].checked=false;
	}
	
	
}
           
form表單複選框的一鍵全選(取消)
form表單複選框的一鍵全選(取消)

繼續閱讀