- 締切済み
アラート表示について
済みません、ご教授下さい。 あるクイズを作成しております。 そこで、ラジオボタンにて２択として、どちらかを選択して「判定する」ボタンをクリックします。 正しければ次のページへ遷移、間違っていれば「はずれ」などの アラートをだしたいのです。 ラジオボタンのバリューにどんな値を設定をすればよいのか？ また、JSの書き方を教えて下さい。 よろしくお願いします。
- hiroakick
- お礼率57% (4/7)
- JavaScript
- 回答数3
- ありがとう数1
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- nafe
- ベストアンサー率100% (2/2)
このようなソースで実現できるかと思いますがいかがでしょう。 判定ボタンを押すと、ラジオボタンをチェックするJavaScriptが実行され、value="yes" のラジオボタンにチェックが入っている場合にページを遷移させます。 value="no" の場合は「はずれ」とアラートします。 （valueの値は別に判断できればどんなものでもいいですが、その時にはチェックするプログラムも変更してください） <html> <head> <script type="text/javascript"> <!-- // 判定 function check() { var target = document.forms[0].hoge; var result = check_radio( target ); if( result ) { if( result == "yes" ) { document.location.href = "http://www.yahoo.co.jp/"; } else { alert( "はずれ" ); } } else { alert( "選択してからボタンを押してください" ); } } // ラジオボタンの値チェック function check_radio( radio_obj ) { for( i=0; i<radio_obj.length; i++ ) { if( radio_obj[i].checked ) { return radio_obj[i].value; } } return false; } //--> </script> </head> <body> <form> <input type="radio" name="hoge" value="yes">はい <input type="radio" name="hoge" value="no">いいえ<br> <input type="button" value="判定" onclick="check()"> </form> </body> </html>
シンプルなものを紹介しておきます。参考になるのではないかと。
- STICKY2006
- ベストアンサー率29% (1536/5269)
こんにちは。 ・「判定する」ボタンを押したらJavaScriptの判定に飛ばす。 ↓ ・ラジオボタンのどちらが選択されているかを判定する。 ↓ ・正解のボタンが選択されていたら、submitで次のページに飛ばす。間違えていたら、alertでメッセージを表示する。 >>ラジオボタンのバリューにどんな値を設定をすればよいのか 何でもいいです。 自分でその２つのラジオボタンの違いが分かれば。 valueをJavaScriptで判定要素には使えないと思ったので（手元のソースでは使えてないので）、何でもOKです。（配列指定になると思います。 とりあえず、nameは一緒にしないと、別々のラジオボタンと認識されてしまいますのでnameは一緒にしてください。 >>JSの書き方を教えてください。 まったく知らないのでしたらお勉強した方が便利だと思いますよ。 今後作る上で便利ですから。
お礼
nafeさんありがとうございます。 ローカルにて確認しました。 コチラをデザインにあてて制作してみます！