Javascript 单击更改表格行的背景色
在我的网页上,我有一个表格,我想更改一行的背景,在此过程中,单击该行时,选中该行对应的单选按钮。我使用jquery尝试了以下操作:Javascript 单击更改表格行的背景色,javascript,jquery,css,Javascript,Jquery,Css,在我的网页上,我有一个表格,我想更改一行的背景,在此过程中,单击该行时,选中该行对应的单选按钮。我使用jquery尝试了以下操作: <style> .active { background-color: #8fc3f7;} </style> <script> $(document).ready(function() { $('#reqtablenew tr').click(function () { $(
<style>
.active { background-color: #8fc3f7;}
</style>
<script>
$(document).ready(function()
{
$('#reqtablenew tr').click(function ()
{
$('#reqtablenew tr').removeClass("active");
$(this).addClass("active");
});
});
<script>
.active{背景色:#8fc3f7;}
$(文档).ready(函数()
{
$('#reqtablenew tr')。单击(函数()
{
$('reqtablenew tr').removeClass(“active”);
$(此).addClass(“活动”);
});
});
任何关于我可能做错了什么或任何解决方法的想法都是非常受欢迎的。我在页面中包含了以下脚本。
src=”http://code.jquery.com/jquery-1.9.1.js“>和src=”http://code.jquery.com/ui/1.10.3/jquery-ui.js"
这是我桌子上的一把小提琴
您忘记添加
jquery
将此添加到您的css中
tr.active td {
background-color: #8fc3f7;
}
我已将您的演示更新为
已更新要检查收音机
请尝试以下操作
$(this).find('[name="reqradio"]').prop('checked',true);
完整代码
$(document).ready(function () {
$('#reqtablenew tr').click(function () {
$('#reqtablenew tr').removeClass("active");
$(this).addClass("active");
$(this).find('[name="reqradio"]').prop('checked',true);
});
});
问题是td也有背景色
.newreqtable td {
.....
background-color:#ffffff;
因此,您需要强制您的活动类,例如
tr.active td{background-color: #8fc3f7;}
看到这个:像这样的东西…:
$(this).find('input').prop('checked', true);
。。将检查单击行的radiobutton
我编辑了这个问题。你能帮我在点击行上选中该行的单选按钮吗?