<html>
<head>
<script type="text/javascript">
function checkAll(field){
var checkboxes = document.getElementsByName("choice");
for(var i=0;i<checkboxes.length;i++){
checkboxes[i].checked = field.checked;
}
}
</script>
</head>
<body>
<div><table width="100%" border="1" cellpadding="1" style="text-align:center">
<tr>
<td><input id="allchecked" type="checkbox" onclick="checkAll(this);">全选</td>
<td><b>产品名称</b></td>
<td><b>价格（元）</b></td>
<td><b>数量</b></td>
</tr>
<tr>
<td><input name="choice" type="checkbox"></td>
<td>李宁</td>
<td>300</td>
<td>500</td>
</tr>
<tr>
<td><input name="choice" type="checkbox"></td>
<td>耐克</td>
<td>600</td>
<td>500</td>
</tr>
<tr>
<td><input name="choice" type="checkbox"></td>
<td>以纯</td>
<td>200</td>
<td>500</td>
</tr>
<tr>
<td><input name="choice" type="checkbox"></td>
<td>森马</td>
<td>200</td>
<td>500</td>
</tr>
<tr>
<td><input name="choice" type="checkbox"></td>
<td>美特</td>
<td>200</td>
<td>500</td>
</tr>
<tr>
<td><input name="choice" type="checkbox"></td>
<td>真维斯</td>
<td>200</td>
<td>500</td>
</tr>
</table>
</div>
</body>
</html>