0

我想指定一个更好的代码来触发输入单选并执行专用文本字段。

这就是我所说的（对不起，我不太擅长 jquery，所以请原谅我）。除了我的代码中列出的原始 32 份问卷之外，我只发布了 2 个样本。

        <table width="817" border="0" cellspacing="1" cellpadding="1">
        <tr>
            <td width="317" height="25">1. &nbsp;Use of adjoining property</td>
            <td width="10" height="25">:</td>
            <td width="480" height="25">
                <input type="radio" name="no1" value="Yes" />Yes
                <input type="radio" name="no1" value="No" />No
            </td>
        </tr>

        <tr class="notes">
            <td height="25" align="right">Notes</td>
            <td height="25">:</td>
            <td height="25">
                <input name="notes1" type="text" id="notes1" size="65" value="" />
            </td>
        </tr>

        <tr>
            <td height="25">3. Access to dirt or paved road</td>
            <td height="25">:</td>
            <td height="25">
                <input type="radio" name="no3" id="radio8" value="Yes" />Yes
                <input type="radio" name="no3" id="radio9" value="No" />No
            </td>
        </tr>

        <tr class="notes">
            <td height="25" align="right">Notes</td>
            <td height="25">:</td>
            <td height="25">
                <input name="notes3" type="text" id="notes3" size="65" value="" />
            </td>
        </tr>
    </table>

我确实尝试创建每个 jquery，但想简化代码。

              var notes = $('tr.notes');
            notes.hide();

            $('input[value="Yes"]').click(function () {
                notes.slideDown();
          });

我确实在这里做了一些研究，但无法详细说明结构。我感谢您的帮助。非常感谢。

4

1 回答 1

1

这将尝试检测输入单选是否已更改，它将检测是否单击它会检查值并显示注释。

        $('.notes').hide();

        $('input[type="radio"]').change(function () {
            if ($(this).val() == "Yes") {
                 $(this).closest('tr').next('tr.notes').slideDown();
             } else {
                 $(this).closest('tr').next('tr.notes').slideUp();
             }
      });

请检查：演示

于 2013-01-18T05:55:10.640 回答