在单选按钮单击后，取消更改表格单元格的颜色

我在每行的第一个单元格中有一个单选按钮的表格。在单选按钮单击后，取消更改表格单元格的颜色

每当我点击按钮时，行的颜色应该改变 - 它做的。但是我想要实现的是每当我点击另一个单选按钮时，第一个单元格的表格单元格的颜色应该恢复正常 - 所以只需单击该单元格就会突出显示单击该按钮的位置。

$(".button-class").click(function(){ 
     $(this).closest("tr").find("td:first").css({"background-color":"#f00"});   
    });

这给单元格的颜色。我怎样才能“取消颜色”呢？谢谢！

来源

2011-03-09 Denise

你知道你是为了勾选正确的答案？如果你不这样做，人们不会热衷于回答你的问题。这是复杂的奖励计划的一部分，使得本网站成为寻找编程问题答案的最佳场所。 – 2011-03-28 13:09:34

最简单的是添加了“选择”的CSS类到你想要的行选择：

$(".button-class").click(function(){ 
    $(".selected-class").removeClass("selected-class"); 
    $(this).closest("tr").find("td:first").addClass("selected-class"); 
});

下面是它在行动的例子：http://jsfiddle.net/LNBPq/是或多或少你想实现什么？

来源

2011-03-09 12:07:11 FarligOpptreden

的Html

<table id="myTable"> 
<tr> 
<td> 
    <input name="myRadio" class="myRadio" type="radio" /> 
</td> 
<td> 
    my row 1 
    </td> 
</tr> 
<tr> 
<td> 
    <input name="myRadio" class="myRadio" type="radio" /> 
</td> 
<td> 
    my row 2 
    </td> 
</tr> 
</table>

的Javascript

jQuery('.myRadio').bind('change',function(e){ 
     jQuery('#myTable').find('tr').css('background-color','#fff'); 
    jQuery(e.target).parents('tr:first').css('background-color','yellow'); 
});

Demo

来源

2011-03-09 12:13:13

这一个发现每个tr元素，然后应用背景颜色白色，这不是一个好的解决方案。 – rahul 2011-03-09 12:17:25

@rahul：iam只是给基本的他可能会使用一些名为highlight的类，并做一些像这样的事情jQuery（'＃myTable'）。find（'。highlight'）。removeClass（'highlight'）; – 2011-03-09 12:30:43

我怎样才能使这项工作只是在每一行的第一个单元？ – Denise 2011-03-09 12:43:25

在单选按钮单击后，取消更改表格单元格的颜色

回答

相关问题