• ベストアンサー
  • すぐに回答を!

ラジオボタンのチェックをはずす

ラジオボタンのチェックをはずす方法はありますか? どなたか教えてください。 クリックしてチェックが入り再度クリックすると外れると言うようなしくみにしたいのです。 JavaScriptを使わずに簡単にできないでしょうか? もし不可能でしたら、JavaScriptでの方法を教えて頂けると助かります。 宜しくお願い致します。

共感・応援の気持ちを伝えよう!

  • 回答数6
  • 閲覧数2636
  • ありがとう数9

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

  • ベストアンサー
  • 回答No.6

どういう風になっているのか理解し切れていないまま書いていますが… (1)●A (●Y1 ○Y2) (2)○B (○Y1 ○Y2) こういう状態からB-Y1を選んだとき (1)○A (○Y1 ○Y2) (2)●B (●Y1 ○Y2) こういう状態になればいいのですか? 項目Y1、Y2とその左のA、Bは連動しているのでしょうか? (たとえば、はじめの状態でB-Y1をクリックしたときにA/Bのラジオボタンも同時に変化するかどうかということです。) そうでないなら、単にA-Y1,A-Y2,B-Y1,B-Y2の4つをグループ化すればどうですか?

共感・感謝の気持ちを伝えよう!

質問者からのお礼

回答ありがとうございます。 グループ化も考えたんですが、なにかうまく行かなかった気がします。(勘違いかも…) (1)●A (●Y1 ○Y2) (2)○B (○Y1 ○Y2) こういう状態からB-Y1を選んだとき (1)○A (●Y1 ○Y2) (2)●B (●Y1 ○Y2) こういう状態なるのを防ぎたいのです。 4つをグループ化試してみます。 ありがとうございました。

関連するQ&A

  • ラジオボタンでのメールアドレスの必須チェックをするには…?

    こんにちは。いつもお世話になります。 JavaScriptの事で、色々検索して回ったのですが、ピッタリのものが無く。。(>_<)ヽ もしどなたかわかる方がいらっしゃいましたら、お願い致します。 ○不要 ○希望 メールアドレス:「(テキストボックス)」 例えばこのような内容のフォームで、「不要」のラジオボタンがチェックされていた場合は、 メールアドレスは入力せずに送信が出来、「希望」のラジオボタンがチェックされていた場合は、 メールアドレスが入力されていない場合は「メールアドレスを入力して下さい」といった アラートを出すようなJavaScriptは、どのようにすれば宜しいでしょうか。。 どうぞよろしくお願いいたします。(_ _*)

  • 「ラジオボタンにチェックする」

    「ラジオボタンにチェックする」(ラジオボタンにクリックして黒い点を入れる)ことを英語でどう言いますか。 check the radio button X でいいんでしょうか?button の後に "on"を書くべきでしょうか。checkという語の選択でよいのでしょうか。

  • ラジオボタンのチェックを判定したいです。

    phpとhtmlを使用して、ラジオボタンをいくつか作成したとします。 どのラジオボタンが選択されているかを判定する場合、通常ラジオボタンのvalueの値が、ある値と一致するかどうかで判定しますが、そうではなく、逆にチェックが入っているラジオボタンのvalue値を取得したい場合、どのようにすればいいのでしょうか? ちなみに、javascriptは使用したくないです。理由は、その値を再びphpの画面で使いたいからです。 もし、javascriptで取得した値をphpの画面に渡せれば、javascriptを使用してもOKなのですが、なかなか上手く渡せないようなので。。。 ご教授お願い致します。

    • ベストアンサー
    • PHP

その他の回答 (5)

  • 回答No.5
noname#86752
noname#86752

補足を拝見させていただいて、内容が理解できました。 システムとしては不要な方のY1やY2にチェックが残っていても問題ありませんが、使う方としてはチェックが消えたほうが分かりやすくて良いですね。 JavaScriptに関しては詳しい方にお任せしますが、ラジオボタンはどれかにチェックが入っていることが基本的な動作なので、ラジオボタンなのにどれにもチェックがない状態というのは普通のインターフェースではないと思います。 そこで一般的かな?と思われるインターフェースを考えました。 (1)Y0という状態を作って、Aが選ばれたらBのYをY0にする。 (2)Aが選ばれたとき、BのY1やY2を使用不可にする。 (disabled=trueだったかな。これをやると灰色になって使えなくなります。) (2)の方が普通に見られるインターフェースですが、もしたしたら古いブラウザの場合対応できないかもしれません。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

回答ありがとうございます。 やはりイレギュラーなことなので、なかなか簡単にはいきませんね。(;´д`)トホホ でも勉強になりました。ありがとうございます。

  • 回答No.4
  • siteuma
  • ベストアンサー率28% (77/271)

#1です。 うーん、機能しませんか? もしかしたら#1のソースでいうところの4行目の最後の!が漏れているのかな・・・? (変な風に改行されてしまっているので分かりにくいのですが) それはまずおき、成る程、そういうことでしたか。 そういうことならと、ちょいと作ってみました。 (ちょっと癖のある書き方かもしれない点はご容赦) -------------------------------------- <input name="chk" id="chk1" type="radio" onClick="check_click(1)">A</input> (<input name="chk_a" id="chk_a1" type="radio">Y1</input> <input name="chk_a" id="chk_a2" type="radio">Y2</input>)<br> <input name="chk" id="chk2" type="radio" onClick="check_click(2)">B</input> (<input name="chk_b" id="chk_b1" type="radio">Y1</input> <input name="chk_b" id="chk_b2" type="radio" >Y2</input>) <SCRIPT LANGUAGE=javascript> <!-- function check_click(arg){ if(arg == 1){ document.getElementById("chk_b1").checked=false; document.getElementById("chk_b2").checked=false; }else{ document.getElementById("chk_a1").checked=false; document.getElementById("chk_a2").checked=false; } } //--></script> -------------------------------------- 上記のでは、Aにチェックが入っていても、BのY1、Y2にチェックが出来てしまうので、 Aにチェックが入っているときはBのY1、Y2は使用できないようにするなどの制御と組み合わせるといいでしょう。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

ありがとうございました。 やはりjavascriptですね。 私はjavascriptをよく知らないので、 不都合が起きた場合復旧できなそうなので できれば簡単な方法が良かったのですが… どの方法も簡単そうじゃないですね(-。-;) やっぱイレギュラーですもんね。笑 ご丁寧にありがとうございました。

  • 回答No.3
  • EEshiba
  • ベストアンサー率29% (45/152)

えーと、普通にA又はBがチェックされた時に、反対側のY1,Y2をクリアしてやれば良いのでは? こちらの方が余程簡単だと思いますよ。

共感・感謝の気持ちを伝えよう!

質問者からの補足

反対側をクリアするとはどのようにしたら良いのでしょうか?すいません無知で…(o*。_。)oペコッ

  • 回答No.2

 質問の意味がよく理解できなかったのですが、ラジオボタンはどれかが選択されていることが基本ですので、むしろチェックボックスがお望みの機能ではないかと思います。 参考URLのチェックボックスをご覧下さい。

参考URL:
http://tohoho.wakusei.ne.jp/html/input.htm

共感・感謝の気持ちを伝えよう!

質問者からの補足

すいません。そうなんです。通常ならばおっしゃるとおりなんですが。うまく説明できないのですいません。 例として ■質問1 (1)○A (○Y1 ○Y2) (2)○B (○Y1 ○Y2) このようなラジオボタンを作りたいんです。 (1)と(2)がどちらか選ぶようになっていて その後ろにある(Y1、Y2)のどちらかが選べるようにしたいのです。この場合に(1)AのY1にチェックを入れたが、 やはり(2)のY1に変えたいという場合AとBはどちらか一方にチェックが入るようになるのでAかBになるのですが、 BのY1に入れても前回入れたAのY1にチェックが残ってしまうことを回避したいのです。 Y1,Y2部分をチェックボックスにしてしまうと、どちらにもチェックが入ってしまうということの可能性も大きいと思い出来ればラジオボタンのようにどちらか一方にしかチェックが入らない機能があり、さらにチェックがはずせればいいと思いました。 すいませんダラダラと説明してもやはりわかりづらいですかね・・・

  • 回答No.1
  • siteuma
  • ベストアンサー率28% (77/271)

結局JavaScriptだけど・・・ (<>は半角に読み替えてくださいね) <html> <body> <form name="frm"> <input id="chk" type="radio" onClick="document.frm.chk.checked = !document.frm.chk.checked;">←Click!</input> </form> </body> </html>

共感・感謝の気持ちを伝えよう!

質問者からのお礼

回答ありがとうございます。 早速試してみましたが、何故が機能しないのです。 チェックが入らない状態です。 すいません。私のやり方が悪いのかも…

関連するQ&A

  • ラジオボタンにチェックがあるか?の判定

    4つ項目があるラジオボタンがあります。デフォルトはどこにもチェックがありません。 ユーザは、1つチェックして選ぶか、もしくは全部選ばないのどちらかです。 まったくチェックしていない場合、JavaScriptでアラートを出すにはどう書けばよいか教えてください。よろしくお願いします。

  • Excelのラジオボタンにチェックが入らないようにするには?

     Excel上にラジオボタンが何個かついているsheetがあります。 sheetをクリックするとラジオボタンにチェックが入ってしまうのですが、 チェックを入れない状態で印刷をしたいのです。 =EMBED("Forms.OptionButton.1","") 上のように、ラジオボタンの上にカーソルを持っていくと表示されます。 また、ラジオボタンの上でダブルクリックすると以下のように表示されます。 ---------------------------------- Private Sub OptionButton9_Click() End Sub ------------------------------------  マクロは全く分からない初心者です。 どのようにマクロのラジオボタンにチェックを入れずに印刷したらいいでしょうか? よろしくお願いします。

  • ラジオボタンのチェック

    VB2010で作成してるんですけど。 ラジオボタンをフォームに入れてデバッグすると、ラジオボタンがチェックされて表示されてしまいます。。 Form_Loadでラジオボタンのチェックを外すコードは書いたんですけど・・。 RadioButton1.Checked = False という風に。 でもやはりチェックがついています。。 どうしたらチェックを外した状態で表示できるでしょうか?

  • ラジオボタンの項目をチェックして計算する

    JavaScriptあるいはPHPのラジオボタンを使って表を作り 縦列の計算をしたいと考えています。     a b c 1-1◎ 2○ 3○ 2-1◎ 2○ 3○ 3-1○ 2◎ 3○ 4-1○ 2○ 3◎ ◎になっている縦列(a~c列)の数値と チェックされた数はどのようなプログラムを使うと計算できるのでしょうか? ※この場合、    合計はa:2/b:2/c:3    チェックはa:2/b:1/c:1となります。 ご教授頂ければ幸いです。 よろしくお願い致します!

  • JavaScriptでラジオボタンのチェックをはずす。

    2組のラジオボタンを持つHTMLがあるとします。例えばAとB、CとDとします。ただしどちらか1組だけしか選べないようにしたいのです。AもしくはBがチェックされ、CかDにチェックが入っていたら、チェックをはずしたいのです。つまり、ラジオボタンのチェックをはずすFunction(Sub)を作成したいのです。どなたかいいアイデア、書き方わかりますか?

  • ラジオボタンのチェックについて

    アンケートなどでラジオボタンにチェックすることがあります。 一度チェックした項目を変更したい時は、 他の項目をチェックすれば良いのですが、 一度どこかの項目にチェックしてしまった後、 チェックをキャンセルすることは出来ますか? (どこにもチェックしてない状態にする。)

  • ラジオボタンでチェックした情報

    ラジオボタンでチェックした情報を次のページに反映したいです。方法を教えてください

    • ベストアンサー
    • PHP
  • asp上でのラジオボタンについて

    aspのプログラムでラジオボタンを設置し、「検索」というボタンをクリックすることで、ラジオボタンに対応する一覧データを表示するというプログラムを作っています。 ラジオボタンを「パターン1」、「パターン2」という2つを作り、どちらかチェック出来るようにしたのですが、検索ボタンをクリックすると、パターン1、パターン2のどちらをチェックしていても、パターン1にチェックされている状態になってしまいます。 一応、初期表示状態として、パターン1にチェックされた状態になっているのですが、パターン2をチェックしていてもパターン1に戻ってしまいます。 検索後も、チェックしたラジオボタンのまま表示させる方法として何かいいやり方があれば、教えてください。

  • ラジオボタンをチェック済みのマークごと印刷したい

    ラジオボタンをチェック済みのマークごと印刷したい firefox、opera、googleChrome、IE7、IE6 ではラジオボタンをチェックした状態(ラジオボタンの中にある緑色の丸)も印刷されるのですが、IE8で印刷をすると、チェックのマークが表示されません。 safariではラジオボタンごと消えてしまっていました。 マークが表示されたブラウザもバージョンが違えば表示されないかもしれません。 必ず、印刷したときラジオボタンのチェック済のマークも表示させたいのですが、何か方法はありますか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • ラジオボタンにはじめからチェックを入れるPGMとは・・

    ラジオボタンにはじめからチェックを入れてある画面を作りたいのですが、タグがわかりません。どなたか 教えて下さい。お願いします。

    • ベストアンサー
    • HTML