• ベストアンサー

ラジオボタンでFORMの属性を切り替えたい

Googleの検索を入れました。自分のサイトを検索する場合と、WWW全体から検索する場合をラジオボタンで切り替えていますが、WWW全体から検索する場合だけ、<FORM>属性に「target=_blank」を入れたいです。 JavaScriptでできませんか? innerHTMLとかなんでしょうか。 素人なのでやさしくお願いします。

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

  • ベストアンサー
  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.1

サンプルを作ってみました。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS"> <title>ラジオボタンによるtargetのセット</title> <script type="text/javascript"> <!-- function check(f){ if(f.radio1[0].value=="ME"){ f.setAttribute('target',"_blank",false) } else { //if(f.radio1[1].value=="WWW"){ f.setAttribute('target',"",false) } } // --> </script> </head> <body> ラジオボタンによるターゲットの付与(消去) <FORM NAME="FORM1" action="search.cgi" method="GET"> <input type="radio" name="radio1" value="ME" id="ONLY" onclick="check(this.form)" checked><label for="ONLY">自サイト</label> <input type="radio" name="radio1" value="WWW" id="ALL" onclick="check(this.form)"><label for="ALL">WWW全体</label><br> <input type="submit" value="決定"> </FORM> </body> </html>

dongmuan
質問者

お礼

BLUEPIXYさん、とっても分かりやすい例をありがとうございます。 しかもソースコードがとっても美しいので、非常に助かります。 これから構築中のものにあてはめてみます。 取り急ぎお礼です!

dongmuan
質問者

補足

結局、innerHTMLで検索ボックス全体を呼び出して、そおで個別対応することにしました。 やり方は違いますが、非常に参考になりました。 本当にありがとうございました。