从radiobuttonlist中选择单选按钮时，使用JQuery在中继器中显示文本框

我正在构建一些类似于web应用程序中的调查的功能，在该应用程序中，用户将看到一个问题列表以供阅读。在问题的底部有一个用于回答问题的链接。当用户单击链接回答问题时，他们将看到一个内置中继器的模式弹出窗口。中继器显示问题，以及单选按钮列表作为可能的答案。每个答案都必须有对正，因此答案旁边有一个对正框。如果用户选择答案“低于”（值为a B），则需要显示一个文本框，供用户输入纠正措施/预防措施。我现在所有这些功能都在工作，除了当用户选择“下方”时，所有纠正框都会出现在中继器中，而不是在受尊重的中继器行中。我如何才能做到只在“下面”答案的行上显示文本框

代码剪报：

<script type="text/javascript">
$(document).ready(function () {
    $("input:radio").change(function (eventObject) {
        var type = $.trim($(this).val());
        if (type == "B") {
            alert("Clicked"); //Testing...
            $('.tblPreventative').show();
        }
        else
            $('.tblPreventative').hide();
    });

});

$（文档）.ready（函数（）{
$（“输入：收音机”）.change（函数（eventObject）{
变量类型=$.trim（$（this.val（））；
如果（类型=“B”）{
警报（“单击”）；//正在测试。。。
$（'.tblpreventive'）.show（）；
}
其他的
$（'.tblpreventive'）.hide（）；
});
});

理由


纠正措施

试试这个脚本：

$(document).ready(function () {
     $("input:radio").change(function (eventObject) {
          var type = $.trim($(this).val());
          if (type == "B") {
               alert("Clicked"); //Testing...
               $(this).closest("tr").next("tbody").show();
          }
          else
               $(this).closest("tr").next("tbody").hide();
     });

});

$(document).ready(function () {
     $("input:radio").change(function (eventObject) {
          var type = $.trim($(this).val());
          if (type == "B") {
               alert("Clicked"); //Testing...
               $(this).closest("tr").next("tbody").show();
          }
          else
               $(this).closest("tr").next("tbody").hide();
     });

});