jQuery创建单选按钮动态和属性

Question

我使用smarty并创建一个动态的html表，每个选择都有单选按钮。当我选择一个单选按钮时，我想要一个隐藏的行（带有评论文本区域）显示在我刚选择的单选按钮下方。 当我运行下面的代码，它会显示一个行的每个单选按钮的下方，而不是一个，我只是选择：

Smarty的单选按钮：评论

<tr> 
    <td> 
    <input 
     type="radio" 
     name="refund_selected" 
     id="refund_selected" 
     value="{smartydynamictag}" /> 
    </td> 
</tr> 

隐藏的行：

<tr id="refund_comments" style="display: none;"> 
    <th colspan="6">Test Here</th> 
</tr> 

我的jQuery：

$("input[name=refund_selected]").click(function() { 
    if ($("input[name=refund_selected]").attr('checked')) { 
     $("tr#refund_comments").show(); 
    } 
}); 

Answer 1

我在这里做一个受过教育的猜测，您的标记是如何组织的，但是这可能工作：

$("input[name=refund_selected]").click(function() { 
     if ($("input[name=refund_selected]").attr('checked')) { 
      $(this).parent().parent().next('#refund_comments').show(); 
     } 
}); 

另外，你有相同ID的多？因为上面的代码修改不应该是必须的;你不允许复制ID。

Answer 2

尝试闯民宅这是您要检查只是刚刚签

$("input[name=refund_selected]").click(function() { 
    if ($(this).is(':checked')) { 
    $("tr#refund_comments").show(); 
    }}); 
}); 

无线电