当鼠标移动到表格一行时，怎么样使这一行的复选框的checked属性为true

onmouseover当前一行的复选框被选中

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>

<body><table id="vo">
<tr>
<td><input type="checkbox" /></td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td>222222</td>
<td>222222</td>
<td>222222</td>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td>333333</td>
<td>333333</td>
<td>333333</td>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td>cccccc</td>
<td>cccccc</td>
<td>cccccc</td>
</tr>
</table>
<script type="text/javascript">
$(document).ready(function() {
$("#vo tr").each(function(){
$(this).mouseover(function() {
$(this).find('[type="checkbox"]').attr('checked','checked');
});
})
});
</script>
</body>
</html>
再麻烦一下，如果只要移动到两个特定的单元格中，即  <td><input type="submit" value="批准" id="admit"></td>
            <td><input type="submit" value="删除" id="del"></td>    这两个单元格，才触发上面的事件要怎么样实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>

<body><table id="vo">
<tr>
<td><input type="checkbox" /></td>
<td>111111</td>
<td>111111</td>
<td>111111</td>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td>222222</td>
<td>222222</td>
<td>222222</td>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td>333333</td>
<td>333333</td>
<td><input type="submit" value="删除" id="del"></td>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td>cccccc</td>
<td><input type="submit" value="批准" id="admit"></td>
<td>cccccc</td>
</tr>
</table>
<script type="text/javascript">
$(document).ready(function() {
$("#vo tr [type='submit']").each(function(){
$(this).closest('td').mouseover(function() {
$(this).closest('tr').find('[type="checkbox"]').attr('checked','checked');
});
})
});
</script>
</body>
</html>
又要麻烦您了，为什么我按您的方法调用mouseout方法将  $(this).closest('td').mouseout(function() {
                $(this).closest('tr').find('[type="checkbox"]').attr('checked','undefind');
            });，实际上没有效果的
$(document).ready(function() {
        $("#vo tr [type='submit']").each(function(){
            $(this).closest('td').mouseout(function() {
                $(this).closest('tr').find('[type="checkbox"]').attr('checked','undefined');
            });

        });
    });