- ベストアンサー
【解決方法教えて】ラジオボタンの選択に応じてインプットを表示する方法
- 現在、ラジオボタンの選択に応じてインプットのフィールドが表示されるようなHTMLフォームを作っているが、うまくいかない。
- 選択１や選択２を表示した時には、「選択１の詳細を書いてください。」または「選択２の詳細を書いてください。」と表示させたい。
- 初期画面ではインプットを非表示にして、ラジオボタンを選択した時に表示されるようにしたい。
- Tinte
- お礼率40% (40/98)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
・ 以下のコードを参考にしてみてください。 ------------------------------------------------------------ <html> <head> <title>テスト</title> <style> #inputx { display: none; } </style> <script type="text/javascript"> <!-- function checkradio( inp ) { document.getElementById('num').innerHTML = "１２３".substring(inp.value-1,inp.value); document.getElementById('inputx').style.display = 'block'; } //--> </script> </head> <body> <form action="xxx"> <p> <input type="radio" name="domain" id="1" value="1" onclick="checkradio(this);" /> <label for="1"> 選択１ </label> <br /> <input type="radio" name="domain" id="2" value="2" onclick="checkradio(this);" /> <label for="2"> 選択２ </label> <br /> <input type="radio" name="domain" id="3" value="3" onclick="checkradio(this);" /> <label for="3"> 選択３ </label> <br /> </p> <p id="inputx"> 選択<span id="num"></span>の詳細を書いてください。： <input type="text" id="input" name="select3" value="" size="20" /> </p> </form> </body> </html>
お礼
簡潔なソースをありがとうございます。とても参考になりました。 これからいろいろ改造できそうです。 ありがとうございます！