• ベストアンサー

ラジオボタンを選択後、別のチェックボックスを使用できなくする方法

ラジオボタンＲ１・Ｒ２・Ｒ３ と チェックボックス Ｃ１・Ｃ２・Ｃ３・Ｃ４がフォームに配置されています。 １： 初期状態でＲ１が選択されており、さらにチェックボックスの全てが使用できない状態になっている。 ２： Ｒ２若しくはＲ３を選択すると、チェックボックスの全てが使用できる状態になる。 ３： 改めてＲ１を選択すると初期状態に戻る。 以上のような動作をさせたいと思いますが、よくわかりません。 お手数ですが、ご指導ください。

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

  • ベストアンサー
  • wolfwood
  • ベストアンサー率50% (199/398)
回答No.1

サンプルです。 参考にしてください。 <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> function r_check(){ if(document.F1.R.length){ for (var i=0; i<document.F1.R.length; i++){ if (document.F1.R[i].checked){ if(i==0){ document.F1.C1.disabled = true; document.F1.C2.disabled = true; document.F1.C3.disabled = true; document.F1.C4.disabled = true; }else if(i==1 || i==2){ document.F1.C1.disabled = false; document.F1.C2.disabled = false; document.F1.C3.disabled = false; document.F1.C4.disabled = false; } } } } } </SCRIPT> </HEAD> <BODY bgcolor="#CCFFCC" onLoad="r_check()"> <FORM name="F1"> <INPUT type="radio" name="R" value="R1" onClick="r_check()" checked>R1 <INPUT type="radio" name="R" value="R2" onClick="r_check()">R2 <INPUT type="radio" name="R" value="R3" onClick="r_check()">R3 <INPUT type="checkbox" name="C1" value="C1">C1 <INPUT type="checkbox" name="C2" value="C2">C2 <INPUT type="checkbox" name="C3" value="C3">C3 <INPUT type="checkbox" name="C4" value="C4">C4 </FORM> </BODY> </HTML>

xiaolong_goo
質問者

お礼

有り難うございました。 自分では、チェックボックスだと思って質問したのですが、実はテキストボックスでした・・・ しかしながら、教えていただいたコードを変更することで対応できました。

その他の回答 (1)

  • me_no_car
  • ベストアンサー率24% (22/90)
回答No.2

色々やり方あると思いますが、 この場合は、DHTMLを使うのが一番簡単だと思います。 こんな感じで同でしょう <HTML> <HEAD> <SCRIPT> function chk(iNum) { 　　var loopCnt; 　　var onChk = new Array( true , false ); 　　for( loopCnt=1 ; loopCnt<=4 ; loopCnt++ ){ 　　　　eval("ch" + loopCnt + ".disabled = onChk[iNum]"); 　　} } </SCRIPT> </HEAD> <BODY> <input type="radio" name="aa" value="1" onClick="chk(0)" checked>R1 <input type="radio" name="aa" value="2" onClick="chk(1)">R2 <input type="radio" name="aa" value="3" onClick="chk(1)">R3 <BR> <BR> <input id="ch1" type="checkbox" name="b1" value="4" disabled>C1 <input id="ch2" type="checkbox" name="b2" value="5" disabled>C2 <input id="ch3" type="checkbox" name="b3" value="6" disabled>C3 <input id="ch4" type="checkbox" name="b4" value="7" disabled>C4 </BODY> </HTML>

xiaolong_goo
質問者

お礼

DHTMLという手法もあるのですね。 今はJAVA SCRIPTだけで精一杯ですので、落ち着いたら勉強してみます。 有り難うございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • 【Excel】ラジオボタンやチェックボックスの使い方

    こんにちは Excelのフォームを使って、セルにラジオボタンやチェックボックス、 ボタンなどを配置することができますが、形だけが配置されて、機能させることができません。 これらの使い方を教えてください。 ラジオボタンで選んだセルの内容を、別のセルに表示するといったことがやってみたいのですが、これでできますか。

  • ラジオボタンの選択によってチェックボックスのチェックできる個数を制限し

    ラジオボタンの選択によってチェックボックスのチェックできる個数を制限したい。 他の方の質問を見たのですがマッチする質問がなかったのでご質問させていただきます。 現在申し込みフォームを作成しているのですが、要件としては、 ラジオボタンの選択によってチェックボックスのチェックできる個数を制限したい。 と思っています。javascriptで実現できると思うのですがなかなかできずに困っております。 ＜ラジオボタン＞ ○りんご　○みかん　○めろん　○すいか ＜チェックボックス＞ □青森産　□愛媛産　□千葉産　□神奈川産 りんごを選んだ人は、チェックボックスで１つしか選択できないようにしたい。 みかんを選んだ人は、チェックボックスで２つしか選択できないようにしたい。 めろんを選んだ人は、チェックボックスで３つしか選択できないようにしたい。 すいかを選んだ人は、チェックボックスで４つ選択できるようにしたい。 可能であれば制限を超えた場合はアラートを上げたいと思います。 ２つまでしか選べませんというように。 大変申し訳ありませんが、参考になるページやソースなどを教えていただければと 思います。よろしくお願い致します。

  • チェックボックスをラジオボタンでの選択に変更したい

    タイムライン（1）にA・B・C3枚のデータを作成してあります。 a・b・c３通りのチェックボックスを作成して、「a」をクリックした場合にはb・cのデータが隠れ（false）aが表示される（true）（b・cも同様で、a・b・c全部を選択していない場合には全部が表示される）スクリプトを書きました。 ところが、チェックボックスの場合には、利用者が例えば２つを選択することが可能なために、この場合には２つのデータが表示され混乱します。 そのため、チェックボックスをラジオボタンに変更して、且つ同様な動きをさせたいと思っています。 ラジオボタンの場合は「ムービークリップ」のために同様なことは出来ないのでしょうか？ 宜しくお願いします。

  • ラジオボタンを選択でチェックボックスをアクティブにしたい

    webサイトを制作しています。 ラジオボタンを選択することで、チェックボックスがアクティブになるようにしたいのですがどのような方法があるでしょうか。 宜しくお願い致します。

  • ラジオボックス・チェックボックス・テキストボックス

    いつも拝見して勉強させていただいています。 勉強不足でうまくjavaがかけないので質問させていただきます。 下記のように機能させたいと考えています。 1.ラジオボックス１とラジオボックス２のみが初めは選択可能。 　他のチェックボックス１～６とテキストボックスは選択不可能。 2.ラジオボックス２を選ぶとチェックボックス１～６が選択可能。テキストボックスは記入不可能。 3.チェックボックス６を選ぶとテキストボックスは記入可能。 配置は以下のような感じになっています。 ○ラジオボックス１ ○ラジオボックス２--- 　　　　　　　　　　　　　　□チェックボックス１ 　　　　　　　　　　　　　　□チェックボックス２ 　　　　　　　　　　　　　　□チェックボックス３ 　　　　　　　　　　　　　　□チェックボックス４ 　　　　　　　　　　　　　　□チェックボックス５ 　　　　　　　　　　　　　　□チェックボックス６----- 　　　　　　　　　　　　　　　　　　　　　　　　　「 　　　　　　　　　　　　　　　　　　　　　　　　　　　 テキストボックス 　 」 下記サイトを参考にしているのですが組み合わせるとうまくできません。 http://phpjavascriptroom.com/?t=js&p=radiocheckbox 初歩的な質問で申し訳ありませんがよろしくおねがいします。

    • ベストアンサー
    • Java
  • 選択したセル範囲に入っているチェックボックスを全てOFFにしたい

    Excel97,Windows98SEを使用しています。 マクロでセル範囲を選択(C26:R48)して、 その選択範囲内にある全てのチェックボックスのチェックを外したいのですが、 どうしたら良いのか見当がつきません…。 チェックボックスはコントロールツールではなく、 フォームで作成しています。 ご存知の方、どうぞよろしくお願いいたします。

  • smartyでチェックボックスをチェック済み状態にするには

    先ほどカテゴリ選択ミスでperlに投稿してしまいましたすみません。 こんばんは、PHPでメールフォームを作成していて壁に当たり質問させていただきます。 {{html_checkboxes name="checked" selected=$smarty.session.checked options=$checked_value}} 入力フォームのtplにて上記のようにしてチェックボックスを配置しています。 このチェックボックスに最初からチェックを入れておくことはできませんか？ メールフォーム自体は出来ているのですが、このチェックボックスをチェック済みにすることが出来ずに困っています。 検索したり書物を調べたのですが掲載されていなく、自己解決ができません。 表示されるチェックボックスは全てチェック済みが初期状態にしておきたいのです。 ご指摘よろしくお願いします。

    • 締切済み
    • PHP
  • ラジオボタンの選択後について

    初心者です、宜しくご指導ください。 ABCの３つのラジオボタン（【例】A：時給 B：日給 C：月給）を使用し、選択されたボタンによって、 Aにチェックが入ったら入力された数値を160倍したもの、 Bにチェックが入ったらその数値を20倍したもの、 Cにチェックが入ったらその数値をそのまま使用したものを、ちがう場所に計算結果として出したいときに、どのようなスクリプトを作れば良いのでしょうか。

    • ベストアンサー
    • HTML
  • ラジオボタンやチェックボックスの作り方

    エクセルで簡単なアンケートを作っていて、性別の選択などで ラジオボタンを、複数選択項目でチェックボックスを設置した いのですが、どのような操作をすればよいのでしょうか？ ただ見るだけ、プリントアウトするだけなので、プログラム (VBA?)などに反映されていなくてもいいです。 また、ワードでもこのようなボタンを設置することはできるの でしょうか？

  • リンクボタンからチェックボックスに

    こんにちは。はじめて質問させていただきます。 html(XHTML)で書かれたテキストリンクを押すと お問い合わせフォームが立ち上がります。 フォーム内には名前やメール入力欄があり、いくつかチェックボックスも配置しています。 そこで Aというテキストリンクから来た場合→あらかじめAのチェックボックスにチェックを入れた状態で立ち上がる。 Bのテキストリンクから来た場合→Bにチェックが入っている。 こんなことって可能でしょうか。 どうかお力をお貸しください。よろしくお願いいたします！

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する