<!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 全选按钮
最新推荐文章于 2024-07-30 11:40:42 发布