- 締切済み
＜至急お願いいたします。ラジオボタンについて。＞
＜至急お願いいたします。ラジオボタンについて。＞ こんにちは。 メモ帳からHTMLでホームページを作る際に ラジオボタンを使いたいのですが <form action="Ａ.htm"> <input type="radio" name="url" value="A.htm">Ｂ（ラジオボタンの横に来る言葉（ページ名など））<br> <br> <form action="Ｃ.htm"> <input type="radio" name="url" value="Ｃ.htm">Ｄ（B同様。）<br> <br> <input type="submit" value="Go"> と、やってもラジオボタンは２つともできるのですが 「Go」を押したときにAのページへは何の問題もなく飛べるのですが Bを選択して「Go」を押した際に、 Ｂページへは飛ばずにＡページに飛んでしまいます。 どなたかわかる方がいましたら よろしくお願いします。 わかりにくい説明で申し訳ありません(>_<) HTMLについては詳しくわからないど素人なので わかりやすい回答を頂けたら幸いです。
- その他（生活・暮らし）
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- szk9998
- ベストアンサー率45% (1026/2241)
まず基礎的なことがいくつか間違っています。 <form>タグが閉じていませんね。 submitはform内に存在する必要があります。 たぶん先の<form action="Ａ.htm"> を送信しているのでしょう。 いずれにせよ、文法的に×です。 基本的に、radioボタンの値を取得してリンク先にジャンプするには HTMLだけでは処理できませんね。 javascriptで処理しないと無理です。 一応、ソースを貼っておきます。 参考書などで調べてみてください。 <html> <head> <script language="javascript" type="text/javascript"> <!-- function jump() { var url = document.getElementsByName("url"); //変数urlにinputのvalueを代入 for(var i=0;i<url.length;i++) { //radioボタンは、同じ名前の要素があるので・・・ if (url[i].checked) { //inputがcheckされているかどうかを判断 location.href=url[i].value; //urlに移動 } } } --> </script> </head> <body> <form> <input type="radio" name="url" value="A.htm">Ｂ（ラジオボタンの横に来る言葉（ページ名など）） <br> <br> <input type="radio" name="url" value="C.htm">Ｄ（B同様。）<br> <br> <input type="button" value="Go" onclick="jump()"> </form> </body> </html>
