checkbox全选功能

checkbox全选功能实例:


<script type="text/javascript"> 

	// 全选按钮选中标志
	var checkflag = "false";
	// 全选功能
	function selectAll(name){
		var field = document.getElementsByName(name);
		// 如果全选按钮状态是未选中
		if (checkflag == "false"){
			for (i = 0; i < field.length; i++){
				field[i].checked = true;
			}
			// 更改全选按钮选中标志
			checkflag = "true";
		}else{
			for (i = 0; i < field.length; i++){
				field[i].checked = false; 
			}
			// 更改全选按钮选中标志
			checkflag = "false";
		}
	}

</script>


<form name="form" method="post" action="">
	<table>
		<tr>
			<td>
				<input type="checkbox" value="全选" onClick="selectAll('list')">选中所有显示记录 
			</td>
		</tr>
		<tr>
			<td>
				<input type="checkbox" name="list" value="1" >
			</td>		
		</tr>
		<tr>
			<td>
				<input type="checkbox" name="list" value="2">
			</td>		
		</tr>
		<tr>
			<td>
				<input type="checkbox" name="list" value="3">
			</td>		
		</tr>
	</table>

</form>


你可能感兴趣的:(html)