html 全选按钮

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function checkAll(ck){
				var arr=document.getElementsByName('good');
				var ck=document.getElementById('ck');
				for(i in arr){
					arr[i].checked=ck.checked; // 全选
					//arr[i].checked=!arr[i].checked; 反向全选
				}
			}
		</script>
	</head>
	<body>
		<table border="1">
			<tr>
				<td><input type="checkbox" id="ck" onclick="checkAll(this)"/>全选 </td><td>商品名</td>
			</tr>
			<tr>
				<td><input type="checkbox" name="good" value="1"/></td><td>牛奶</td>
			</tr>
			<tr>
				<td><input type="checkbox" name="good" value="2" /></td><td>面包</td>
			</tr>
		</table>
	</body>
</html>

你可能感兴趣的:(html 全选按钮)