2013-10-18 90 views
0

我在每一行都有一个带单选按钮的表格。该表还包含 每行的附加信息。我想 只显示所选单选按钮行 的详细信息不适用于所有行。当选择 时,所选rb的样式也应该改变。点击单选按钮时显示/隐藏附加信息

无线电

<td class='v1'><input type='radio' name='price' value='rbt' id='rbt'>". oci_result($stmt, 'INFO_1') . "</td>\n" 

子信息:

"<tr><td class='e4' colspan='2'>Subcell1</td><td class='e4' colspan='2'>INFO_1</td><td class='e4'>EUR 194</td><td class='e4'>EUR 194</td><td class='e4'>EUR 194</td><td class='e4'>free</td><td class='e4'>EUR 310</td><td class='e4'>free</td><td class='e4'>free</td></tr>\n" 

"<tr><td class='e4' colspan='2'>Subcell1</td><td class='e4' colspan='2'>INFO_2</td><td class='e4'>not included</td><td class='e4'>not included</td><td class='e4'>EUR 230</td><td class='e4'>free</td><td class='e4'>not included</td><td class='e4'>free</td><td class='e4'>free</td></tr>\n" 
    . "</tr>\n" 
    . "</tr>\n" 


$(".e4").hide(); 
      $('input[type=radio]').click(function(){ 
      $(this).closest("tr").find(".e4").show(); 
     }); 

子信息适用于几行,但我们的目标是只显示所选行。

也许JQuery能解决这个问题吗?

谢谢!

+2

其强烈recomended显示你的代码,当你发布一个想法一个问题。否则,将很难帮助你 –

+0

代码发布。还是行不通。 – user2870167

回答

0

你可以用最接近()来获取最近的元素

.closest()

0

你给任何代码,所以我也不会。

尝试.hide.show.toggle我认为切换可能是最好的。

1

可能是你可以使用jQuery的.parent(), .closest() and .find()功能来实现这一点,请在看文档,你会得到你如何能做到这一点