怎么通过简单js/css实现选中一行的时候，前面的单选框也被选中？
我是用asp.net来制作网页的。有一个一览表，需要任选某行的任意位置，都能选中该行成为高亮状态，并且第一列的单选框也被选中。现在这一行的高亮实现了，但是怎么让单选框也被...
我是用asp.net来制作网页的。
有一个一览表，需要任选某行的任意位置，都能选中该行成为高亮状态，并且第一列的单选框也被选中。现在这一行的高亮实现了，但是怎么让单选框也被选中没有实现。
请问该怎么实现呢？ 展开
有一个一览表，需要任选某行的任意位置，都能选中该行成为高亮状态，并且第一列的单选框也被选中。现在这一行的高亮实现了，但是怎么让单选框也被选中没有实现。
请问该怎么实现呢？ 展开
2个回答
展开全部
还是选用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;//让该单选按钮选中
}
望采纳
给tr加一个click事件
<tr onclick="myclick(this)"><td>单选框</td> <td>123</td></tr>
对应js
function myclick(o){
//获取子节点的第一个节点对象
var rd = $(o).children().first();
rd.checked = true;//让该单选按钮选中
}
望采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个用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是最简单的。如果还有不懂，我详细的说一下。
<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是最简单的。如果还有不懂，我详细的说一下。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
