Webページにてラジオボタンを使用したアンケートが取りたいです。
内容は伏せさせていただきますが、例として...
ひらがな、アルファベット、数字、の3つの選択肢から選ばせるラジオボタンがあるとします。
ひらがなを選択した方には、あ、い、う、の選択肢から。
アルファベットを選択した方には、A、B、C、の選択肢の中から。
数字を選択した方には1,2,3,の選択肢の中から
再度選ばせるラジオボタンを作成したいです。
○ひらがな ○あ○い○う
○アルファベット ○A○B○C
○数字 ○1○2○3
このような感じです。
どのようにHTMLとスクリプトを書けばいいでしょうか?
よろしくお願いします。
ご指摘ありがとうございます。
現在までで考えられたコードを記載いたします。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ラジオボタンテスト</title> <script type="text/javascript"> function changeDisabled(num){ for(var i=1; i<=3; i++){ document.form["test"+i].disabled = true; //すべて選択不可に } document.form["test"+num].disabled = false; //条件に合致したものを選択可に } window.onload = function(){ changeDisabled(1); }; </script> </head> <body> <form name="form"> <input type="radio" name="choice" checked onclick ="changeDisabled(1)" >ひらがな <input type="radio" name="test1">あ<br> <input type="radio" name="choice" onclick="changeDisabled(2)">アルファベット <input type="radio" name="test2">A <input type="radio" name="test2">B<br> <input type="radio" name="choice" onclick="changeDisabled(3)">数字 <input type="radio" name="test3">1 <input type="radio" name="test3">2 <input type="radio" name="test3">3 </form> </body> </html>
以上です。
ここで発生している問題点として
・第2選択肢が1択の場合であれば所望の動きをするが
選択肢が複数になった場合、動作しなくなる点
(私が思うに、"test2"となど、同じ名前が複数あるため?)
・ひらがなを選択した後、あ、を選択し、アルファベット、または数字を
選択した場合、あが選択されたまま入力不可になる点
です。よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー