radioボタンで表示を変える

JavaScript

javascript

function checkradio( disp ) {
   document.getElementById('sample').style.display = disp;
}

htmlソース

<p>
   <label><input type="radio" name="rs" value="1" onclick="checkradio('none');" >選択肢1</label>
   <label><input type="radio" name="rs" value="2" onclick="checkradio('none');" >選択肢2</label>
   <label><input type="radio" name="rs" value="3" onclick="checkradio('inline');">その他</label>
   <span id="sample">( 具体的にどうぞ:<input type="text" name="othertext" value="" size="15"> )</span>
</p>

参考サイト

選択に応じて不要な入力欄を非表示にする方法 - JavaScript TIPSふぁくとりー
フォーム内に「ある項目を選択している場合に限って入力して欲しい」という限定項目がある場合は、ユーザの選択状況に応じて入力欄の表示・非表示が切り替わる方が便利です。JavaScriptを使えば、例えばラジオボタンやチェックボックスなどの選択状態に応じて、特定のテキスト入力欄を表示したり消したりできます。

 

コメント

タイトルとURLをコピーしました