我有一个表格,每行都有单选按钮。此表还包含每一行的附加信息。我只想显示所选单选按钮行的详细信息,而不是所有行。选中的 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可以解决这个问题?
谢谢!