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可以解决这个问题?

谢谢!

4

3 回答 3

1

也许您可以使用.parent(), .closest() and .find()jquery 的功能来实现这一点,请查看文档,您将了解如何做到这一点

于 2013-10-18T11:35:59.137 回答
0

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

.closest()

于 2013-10-18T11:34:44.830 回答
0

你没有给出代码,所以我也不会。

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

于 2013-10-18T11:35:11.917 回答