ラジオボタンのデータの取得
| <html> <head> <title>Radio button</title> <script language="JavaScript"> <!-- function radio(){ var sei,i; //ループここから for(i=0;i<=document.form1.rdsei.length-1;i++){ if(document.form1.rdsei[i].checked==true){ //true部分の処理・falseは略 sei=document.form1.rdsei[i].value; window.alert(sei); } //分岐ここまで } //ループここまで } //--> </script> </head> <body> <h1><b>Radio botton</b></h1><br> <form name="form1"> <!--i=0--> <input type="radio" name="rdsei" value="Man">男性 <!--i=1--> <input type="radio" name="rdsei" value="Female">女性<br><br> <input type="button" value="表示" onclick="radio()"> </form> </body> </html> |
| 【答え】 警告のメッセージで「Man」、「Female」と表示されます。 |
| 【解説】 関数「radio」 変数１「sei」valueの表示 変数２「i」性別の判別 lengthはラジオボタンの順番に対応しています。 しかし、１から数えてしまうので１を引いて ０から数えるようにします。 それぞれのボタンを１つずつ判別しているので ループをかけています。 iの値は「rdsei」の配列に対応しています。 それぞれの値をコメントタグに示しておきました。 |