複数のラジオボタンから選択しテキストをメッセージ表示
1 2 3 4 5 6 7 8 9 |
<!-- HTML 表記 --> <p>選択して、OKをクリックして下さい。</p> <form name="form1"> <input type="radio" name="hana" value="A">梅<br> <input type="radio" name="hana" value="B">桜<br> <input type="radio" name="hana" value="C">桃<br> <input type="button" value="ok" onClick="hyouji()"><br><br> <textarea name="kekka" rows="2" cols="30"></textarea> </form> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
// JavaScript 表記 <script type="text/javascript"> <!-- function hyouji(){ sentaku="X"; for(i=0;i<3;i++){ if(document.form1.hana[i].checked==true) sentaku=document.form1.hana[i].value; } if(sentaku=="A") message="梅(うめ)\n梅の花:a plum blossom"; else if(sentaku=="B") message="桜(さくら)\n桜の花:cherry blossoms"; else if(sentaku=="C") message="桃(もも)\n桃の花:a peach blossom"; else message="何も選択されていません!"; document.form1.kekka.value=message; } //--> </script> |