• ベストアンサー

ラジオボタンを使ってリンクするには?

ラジオボタンを押すと、リンク先へつながるようにサイトを作りたいです。 ラジオボタンの名前は『○○○』 リンク先URLを『http://www.△△△.com』 とするとどのようにタグを作ったらよいでしょうか? お分かりの方是非教えてください!

質問者が選んだベストアンサー

  • ベストアンサー
  • suzuki-_-
  • ベストアンサー率77% (152/195)
回答No.2

通常のタグのみではリンクは不可能なので、 javascriptを使うことで可能です (解答欄での自動リンクを防ぐためにURLの一部を全角にしています) ■ラジオボタンの場合 <input type="radio" onclick="location.href='http://www.△△△.com';">○○○ ■普通のボタンの場合 <input type="button" onclick="location.href='http://www.△△△.com';" value="○○○"> onclick="~"の部分がjavascriptです javascriptはInternet Explorerというブラウザで閲覧した場合、 何も設定をいじっていなくても、セキュリティによって ローカル(PC内のファイルでの閲覧)では動作しない場合があります サーバーにアップするか、セキュリティの設定を変え確認してみてください

haraheta
質問者

お礼

なるほど、ありがとうございます。 なんとかできそうです!

その他の回答 (1)

  • hiroko771
  • ベストアンサー率32% (2932/9040)
回答No.1

関連するQ&A

  • ラジオボタンのことについて。

    はじめましてm(__)m ラジオボタンについての質問なのですが。 いま、フレームを横に3つに分けているのですが。 最上段のフレームのところにラジオボタンでリンクし最下段にリンクさせたいのですがまずラジオボタンを作りますよね? <INPUT TYPE=radio VALUE=★.html onClick=location.href=this.value>リンク それで星のところにURLを入れボタンを作るまではわかったのですが。 そのあとどうやってフレーム最下段にリンクさせればいいのでしょうか? <INPUT TYPE=radio VALUE=★.html"target="shita" onClick=location.href=this.value> でtarget="shita"というのも書いてみたのですが・・ やはり出来なくて質問させていただきました。 どうぞご指導のほどよろしくお願いしますm(__)m

    • ベストアンサー
    • HTML
  • ラジオボタンについて

    htmlでラジオボタンを選択できないようにしたいんですけど可能でしょうか? そういうタグってありますかね? 先日他のサイトで見たらとある条件によってはラジオボタンが選択できないように灰色になって選択できないようになっていました。 JAVAスプリクトを使わないと無理なのでしょうか? できればそういうタグがあると便利です。 教授お願いいたします。

    • ベストアンサー
    • HTML
  • ボタンリンクをしたいのですが・・・

    ボタンの形でリンクをしたいのですが、うまくできません。 <a>タグのテキストリンクならページが移動するのですが、 <a href="URL"><button>文字</button></a> は、ボタンがペコペコするだけで、 <form><input type="botton" value="文字" onclick="parent.main.location.href='URL'" title="文字"></form> は、ステータスバーにエラーが出ただけです。 何がいけないのか分からないし、他にどうすればいいのかもさっぱり分かりません。 IE6.0を使っていますが、IE依存タグは避けたいです。 ボタンリンクのやり方についてアドバイスをいただけないでしょうか。

  • ラジオボタンの値でリンク先を変える

    ラジオボタンのvalueの値があり、 submitボタンを押したら、その値によって リンク先を変えたいのですが、 具体的にソースで教えていただけないでしょうか?

  • ボタンにリンクを貼っても・・・

    DreamWeaverMXと、FlashMXを使用しています。 flashでボタンを作成し、リンクを貼ったのですが、フラッシュが再生されると同時にリンク先に飛んでしまいます。 ボタンをクリックすると飛ぶようにしたいのですが、どうしたらいいでしょうか? ちなみに、リンク先のURLも合っているはずなのですが、「ページがありません」と表示されてしまいます。 ボタンへのリンクは、on (release) { getURL ("URL", "_blank"); } で貼っているので合っていると思うのですが・・・。

  • ラジオボタンの未選択アラート/送信ボタンはリンク

    初めまして。 診断サイトのテスト画面を作成しております。 2問×4ページ+結果1ページの構成です。 1ページの中にラジオボタンを使用した4択問題×2問あり、 ページ下部に「次へ」のボタンを配置しています。 その「次へ」ボタンを押す際に、 未選択のラジオボタンがある場合にアラートがあがり、 (「次へ」ボタンは画像) かつ選択済みの場合は次のページへリンクする、 という仕様にしたいのですが、 何から設定したらよいのか迷走してしまっております… <input type="image">に対してリンクを設定してみようと色々やってみたのですがうまくいかず、 参考サイトから引用してきたりもしているのですが、 アラートだけ設定できてもリンクか画像表示ができない、、と あっちをたてればこちらがたたずという状況です。 ちなみにテスト画面なので、 ラジオボタンの数値等は無視してOKです。 【「次へ」ボタンを押すときにページ内未選択のものがある場合アラートがあがる/「次へ」ボタンを押すと次のページに移動する(リンク)】の状態が実現できれば、 書き方等に特にこだわりはありません。 また、javascriptは今回始めて触れているような状況で、 わかりにくかったら申し訳有りません。。 そもそもjavascriptが適切なのかも不明な状態です。 何卒よろしくお願い致します。

  • イメージの横にリンクボタンを…

    ページの左半分にイメージを、右にリンクボタンを数個置きたいんです。 タグはどうなりますか?イメージは画面の約半分をしめる大きなものです。 リンク先をテキスト1,2、…とし、リンクボタンをボタン1、2、…として 教えて下さい。 また、イメージを画面の中央に置く時のタグも教えて下さい。

    • ベストアンサー
    • HTML
  • ラジオボタンとリストで得た値からリンク

    ラジオボタン(01から03)とリストで得た値(01から14)を合成して得られるファイル名(0114.htmlなど)へリンクさせたいのですが可能でしょうか?複数のラジオボタンからの指定でリンクさせる方法をこちらで見つけ、大いに参考にさせていただいていたのですが(QNo.3026823、noname#31047さんの御回答)、これからの改良であれこれやってみていますがうまくいきません。そもそもこのような発想に無理があるのでしょうか?ご教示くださいますと幸いです。

  • javascriptでラジオボタンをチェックさせて、それによってリンク

    javascriptでラジオボタンをチェックさせて、それによってリンクを飛ばしたいと考えています。 自分なりに調べて、作成したのですが、 フレームを利用しており、ページ全体を移動(top)したいのですが、フレーム内でしか表示されません。 <HTML> <HEAD> <TITLE>らじお</TITLE> <SCRIPT LANGUAGE="JavaScript"> function jump(){ var flag = 0; for(i=0; i<document.forms[0].url.length; i++){ if(document.forms[0].url[i].checked){ flag = 1; window.location.href = document.forms[0].url[i].value; } } if(flag == 0){ alert('ラジオボタンが選択されていません。'); } } </SCRIPT> </HEAD> <BODY> <FORM> <INPUT TYPE="radio" NAME="url" VALUE="表示したいURL.htm" checked>選択肢1<br> <INPUT TYPE="radio" NAME="url" VALUE="表示したいURL.htm">選択肢2<br> <INPUT TYPE="radio" NAME="url" VALUE="表示したいURL.htm">選択肢3ド<br> <INPUT TYPE="button" onClick="jump();" VALUE="移動"> </FORM> </BODY> </HTML> 上記状態で、あちらこちらに"_top"を挿入してみたのですが、うまくいきません。 どなたかお知恵を拝借出来ませんでしょうか?

  • ラジオボタンを選択して送信ボタンを押した時点でリンク先とフレーム先を指定する場合?!

    ラジオボタンを選択して送信ボタンを押した時点でリンク先とフレーム先を指定する場合どのような方法が考えられるのか教えて頂けないでしょうか? 方法としては if文を使いラジオボタンの値で区別してリンクを飛ばす方法を考えました。 問題はリンクを飛ばす時のことです。 リンクを飛ばす事は出来たのですが、指定フレームに飛ばす方法が分かりません。 同のような方法で出来るか教えて頂けないでしょうか? お願いします。

    • 締切済み
    • CGI