怎么通过简单js/css实现选中一行的时候,前面的单选框也被选中?

发布网友发布时间：2022-05-07 23:52

共2个回答

热心网友时间：2022-04-19 07:05

还是选用jquery来做
给tr加一个click事件
<tr onclick="myclick(this)"><td>单选框</td> <td>123</td></tr>
对应js
function myclick(o){
//获取子节点的第一个节点对象

var rd = $(o).children().first();

rd.checked = true;//让该单选按钮选中

}
望采纳

热心网友时间：2022-04-19 08:23

这个用js实现就是点击某一行的话，就设置这一行的背景色同时选中input框

<html>
<head>
<script type="text/javascript">
function a(yc)
{
document.getElementById('mycolor').style.background=yc;

}
</script>
</head><body >
<table>
<tr>
<td width=100 height=2 onmouseover=a('red') bgcolor="red"></td>
<td width=100 height=2 onmouseover=a('blue') bgcolor="blue"></td>
<td width=100 height=2 onmouseover=a('black') bgcolor="black"></td>
<tr>
</table>
<input type="txt" id="mycolor" value="这里是颜色框" /></body>
</html>
这个代码给你参考下

这样做有点缺陷，就是每一行都要加调用函数

其实用jquery是最简单的。如果还有不懂，我详细的说一下。