0

いくつかの標準フィールドを含む Web フォームがありますが、1 つのフィールドを縮小するか、グレー表示するか、その上のフィールドまで非表示にする必要があります...はいまたはいいえのオプションを含むラジオ ボタン選択ボックスが選択されます。チェックボックスは機能します...問題ありません

<tr>
 <td style="width: 143px"><b>Add Notes:
 </b></td>
<td><input type="radio" name="cmtad" value=Yes>Yes
    <input type="radio" name="cmtad" value=No>No
</td>
</tr>

<tr>
 <td style="width: 143px" class="style10"><b>Notes:
 </b></td>
<td >
<textarea input name=info rows="5" cols="32"  style="color: black;background-color:#FFFF66"></textarea></td>
</tr>

[メモの追加] の上にある [ラジオ] ボタンで [はい] をクリックした場合にのみ、[メモ] テキスト領域が表示されるようにします。ありがとう

4

1 に答える 1

0

これは、javascript または jquery で行うことができます。

以下はjqueryを使った例です。

$(document).ready(function() {
   $('input[name="cmtad"][value="Yes"]').click(function() {
      $(this).parent().parent().next().show();
   }
   $('input[name="cmtad"][value="No"]').click(function() {
      $(this).parent().parent().next().hide();
   }
});

上記のコードは、ラジオ ボタンが含まれているのtr直後のを非表示にする必要があります。trこのparent()呼び出しにより、jquery は DOM をバブルアップして次のtr. これはサンプルコードです。必要に応じて編集してください。

PS、これにはチェックボックスの方が適しているのではないでしょうか?

于 2012-11-27T17:31:19.520 に答える