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(); 
    }}); 
}); 

無線電