怎么样点一行表格,把checkbox给勾上

最新推荐文章于 2024-01-25 15:59:39 发布

原创最新推荐文章于 2024-01-25 15:59:39 发布 · 195 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用HTML和JavaScript实现表格行鼠标悬停背景变化及点击时Checkbox状态切换的方法。通过简单的代码示例展示了如何为表格行添加交互效果，并在点击时改变Checkbox的状态。

<table   border="1"   width="200">
<tr   onMouseOver="this.style.backgroundColor='#D7E8F8'"   onMouseOut="this.style.backgroundColor='#FFFFFF'"   onclick="show(this.childNodes[0].childNodes[0])">
<td><input   type="checkbox"   name="a"></td><td>123</td></tr>
<tr   onMouseOver="this.style.backgroundColor='#D7E8F8'"   onMouseOut="this.style.backgroundColor='#FFFFFF'"   onclick="show(this.childNodes[0].childNodes[0])">
<td><input   type="checkbox"   name="a"></td><td>456</td></tr>
</table>
<script   language=javascript>
function   show(obj)
{
if(obj.checked==true)
{
obj.checked=false;
}
else
{
obj.checked=true;
}
}
</script>