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 に答える