<html>
<head>
</head>
<script>
function selectAll()
{
for(var i=1;i<=3;i++)
{
document.getElementsByName("chec"+i)[0].checked=true;
}
}
function Noselect()
{
for(var i=1;i<=3;i++)
{
document.getElementsByName("chec"+i)[0].checked=false;
}
}
function fanxuan()
{
for(var i=1;i<=3;i++)
{
if(document.getElementsByName("chec"+i)[0].checked==true)
{
document.getElementsByName("chec"+i)[0].checked=false;
}
else{document.getElementsByName("chec"+i)[0].checked=true;}
}
}
</script>
<body>
<table>
<tr>
<td><input type="checkbox" name="chec1"></td>
<td>蔬菜</td>
<td>2013-02-28</td>
</tr>
<tr>
<td><input type="checkbox" name="chec2"></td>
<td>水果</td>
<td>2013-02-28</td>
</tr>
<tr>
<td><input type="checkbox" name="chec3"></td>
<td>零食</td>
<td>2013-02-28</td>
</tr>
<tr>
<td><input type="button" value="全选" οnclick="selectAll()"></td>
<td><input type="button" value="反选" οnclick="fanxuan()"></td>
<td><input type="button" value="全不选" οnclick="Noselect()"></td>
</tr>
</table>
</body>
</html>