- 締切済み
複数のプルダウンメニューをチェックボックスのオンオフで使用不可あるいは使用可にする方法
こんにちは。質問があります。 一つのチェックボックスと5つのプルダウンメニューがあるとします。チェックボックスをオンにすると5つのプルダウンメニュー全てが使用不可になります。チェックボックスをオフにするとプルダウンメニュー全てが使用可になります。 このような動作は可能なのでしょうか？ よろしくお願いします。
- kamakuragengorou
- お礼率53% (132/248)
- JavaScript
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- yambejp
- ベストアンサー率51% (3827/7415)
#1さんの考え方で基本的に問題ないのですが、 selectの名前づけ方に制限ができてしまうので 若干改良してform内のすべてのselectの使用可を 制御する前提で、以下のようにするとよいかと 思います。 全てではなく一部のselectを変更したいと言う 場合はclass等をつかって切り分けることもできます。 （もちろんnameで切り分けてもかまいません） <html> <head> <script language="javascript"> function on_off(obj){ var f=obj.form for(var i=0;i<f.length;i++){ if(f[i].type=="select-one") f[i].disabled = obj.checked; } } </script> </head> <body> <form> <input type="checkbox" onclick="on_off(this)"> <select name="select1"> <option value="select1_value1">1-1</option> </select> <select name="select2"> <option value="select2_value1">2-1</option> </select> <select name="select3"> <option value="select3_value1">3-1</option> </select> <select name="select4"> <option value="select4_value1">4-1</option> </select> <select name="select5"> <option value="select5_value1">5-1</option> </select> </form> </body> </html>
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS"> <title>Sample</title> <script type="text/javascript"><!-- function on_off(f){ var fm = f.form; for(var i=1;i<=5;i++){ fm["select"+i].disabled = !f.checked; } } //--> </script> </head> <body> <form name="FORM1"> <input type="checkbox" name="check1" value="check1" checked onclick="on_off(this)"> <select name="select1"> <option value="select1_value1">1-1</option> </select> <select name="select2"> <option value="select2_value1">2-1</option> </select> <select name="select3"> <option value="select3_value1">3-1</option> </select> <select name="select4"> <option value="select4_value1">4-1</option> </select> <select name="select5"> <option value="select5_value1">5-1</option> </select> </form> </body> </html>
関連するQ&A
- プルダウンメニューからチェックボックスを表示したい
php、javascript、mysqlを使用し、プルダウンで選択後、チェックボックスを表示させる仕組みを作りたいのですが、 どうすればよいのか分かりません。 どなたか力を貸して頂きたく思います。 例えば下記のようなTBLがあったとします。 ■TBL：oya oyaコード 10 20 30 ■TBL：ko oyaコード koコード 10 1100 10 1200 10 1300 20 2100 20 2200 30 3100 TBL 「oya」 をプルダウンメニューにセット。 プルダウンメニューを選択する度にTBL 「ko」を呼び出し、同ページ内にチェックボックスとして表示させたいと考えています。 例） ・10が選択されたら 「1100」、「1200」、「1300」のチェックボックスを表示する プルダウンメニューへのセットは出来たのですが、プルダウン選択後の「ko」を呼び出す箇所が分かりません。 php Mysql javascript で実現したいと考えております。 サンプルページでもいいですので、何かありましたら教えて下さい。 お分かりになる方よろしくお願いいたします。
- 締切済み
- JavaScript
- プルダウンメニューに連動するチェックボックスのdisable切り換え
こんにちわ。 表記の件ですが、プルダウンメニューに連動するチェックボックスのdisableを切り換えたいと思っているのですが、なかなか上手くいきません・・・。 例えばプルダウンメニューにおいて ・食べ物 ・生き物 ・果物 ・穀物 というようなメニューがあり、さらにチェックボックスとして ・お米 ・りんご ・さかな ・みかん というチェックボックスがあるとします。 この場合、[食べ物]を選択すると全てが選択できるようになり、[果物]を選択すると[りんご]と[みかん]以外は無効(チェックボックスの選択ができない状態)となるスクリプトを作成したいということです。 もし、先行していずれかのチェックボックスが有効になっていて、プルダウンメニューを切り換えた場合はアラートと同時にチェックボックスをリセットするようできると尚素敵です。 皆様のお知恵を拝借できればと思います。 何卒お力添えいただければ幸いです。
- ベストアンサー
- JavaScript
- プルダウンメニューに連動するチェックボックス
はじめまして。 よろしくお願いいたいます。 以前、こちらに質問として挙がっておりましたプルダウンメニューに連動するチェックボックスのdisable切り換えにつきまして。 http://okwave.jp/qa/q2928590.html 上記のアドレスの内容で設置した場合に、チェクを変更するときに最初にチェックしたものをリセットすることは可能でしょうか？ 例えば 一度 食べも お米とりんごをチェック後に再度やり直したいとして、 二度目に 食べ物以外を選択した場合（生き物など）に上記のお米とリンゴのチェックをリセットして、全てのチェックを外したいのですがそんな便利なことが可能でしょうか？ 可能でしたらどなたかご教授頂けると助かります。 何卒よろしくお願いいたします。
- ベストアンサー
- JavaScript
- プルダウンとチェックボックスの連動
はじめましてよろしくおねがいします。 やりたいことはプルダウンのメニューの中身を活性したり非活性に したいのですが、どのようにやるのか想像がつきません。 以下にソースを貼り付けました。 チェックボックスにチェックされた場合はメニューの中身の■Yahoo!をリンクさせない様にしたいです。 チェックが外れたときはメニューの中身はすべてリンクで表示します。 現状はすべてリンクしかできていないです。 チェックボックスとの連動の方法、メニューの中の非活性の方法を教えてください。よろしくおねがいします。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- // プルダウンメニュー flag = false; function pullDown() { if(flag) ID.style.visibility = "hidden"; else ID.style.visibility = "visible"; flag = !flag; } //--> </SCRIPT> </HEAD> <BODY bgcolor="#ffffff"> <A href="javaScript:pullDown()">メニューを表示する</A><BR> <DIV id="ID" style="position:absolute;visibility:hidden;"> <A href="http://www.yahoo.co.jp/">■Yahoo!</A><BR> <A href="http://auctions.yahoo.co.jp/">■Yahoo! Auctions</A><BR> </DIV> <BR><BR><BR><BR><BR><BR> <FORM> <INPUT TYPE ="checkbox">ここにチェックを入れるとプルダウンの■Yahoo!のみ非活性にしたい。 </FORM> </BODY> </HTML>
- ベストアンサー
- JavaScript
- チェックボックスのオンオフ
チェックボックスを配置して、チェックボックスがオンになった時に 測定器と通信して数値データを表示するプログラムを作っています。 数値データは刻一刻と変化するので、チェックボックスがオンの時は Loopで数値データを取得するようにしています。 数値データの取得を止めたいときはチェックボックスを再度クリックして 終了したいのですが、Loopの中に入っているとチェックボックスを クリックしても反応しません。 何か方法はありませんか?チェックボックス以外のボタンを配置して Loopを抜けるようにしないと駄目ですか? Private Sub Checkbox1_Click() If Checkbox1= 1 Then Do 数値データを取得して、画面上に表示するプログラム(チェックボックスのクリックが効かない) Loop End If End Sub
- ベストアンサー
- Visual Basic
- チェックボックスにチェックでプルダウン有効化
チェックボックスにチェックを入れると、 無効化していたプルダウンが有効化するようなフォームを作りたいと思っています。 やりたいことはまさに下記サイトに書かれているとおりなのですが 自分でやるとコピペしてもうまく動かず困っています。 http://studio3104.hatenablog.com/entry/2014/10/17/011941 当方ヴァージョンは『jquery-1.2.1.min.js』を使用しています。 無効化はできたのですが、チェックを入れても有効化しません。 『vue.js』もダウンロードしてみたものの、無効化すらうまくいかず… 何か他に方法があったりするものでしょうか？ よろしくお願いします。
- 締切済み
- JavaScript
- 複数のチェックボックス
困ってます。 前回ボタンクリックでチェックボックス768個を全部ONにしたりOFFにしたりするプログラムを教えてもらい何とかできたのですが、768個のチェックボックスを1個1個押したときのプログラムを一つにまとめたい場合は、どうすればよかったのでしょうか。 前回教えてもらった物をヒントに作ったのですが思った動きをしません。 初心者にわかりやすく教えてもらえますか。 ボタンクリックと同じ場所に飛ばしているせいか Select Case DirectCast(sender, Button).Name のbuttonでエラーが出ることが分かっています。 ただいろいろやりましたがSelectCase文で行っても1個のチェックボックスには反応しますがほかのチェックボックスは無視します。 よろしくお願いします。
- ベストアンサー
- Visual Basic
- selectボックスのプルダウンメニューを上方向へ表示する方法
すみません、どなたか教えて下さい。 selectボックスのプルダウンメニューを上方向へ表示することは可能でしょうか？ ハンディーターミナル用に開発しているのですが、ページ下の方にあるプルダウンを選択すると１度ページ移動？するため、プルダウンのメニューが表示されず、２度選択しないといけません。 JavaScriptで対応可能でしょうか？それとも何か別の対策があれば教えて下さい、よろしくお願いします。
- ベストアンサー
- JavaScript
- Word フィールドのチェックボックス判定方法
チェックボックス に、名前 Check1 を設定 フィールドコードにて ｛ IF Check1=True "(チェックボックス チェック)" "□" ｝ を、記載しましたが Check1を、ON/OFFして、フィールド更新しても (チェックボックス チェック)⇔□の表示が入れ替わりません。 チェックボックスのON/OFF判定方法を 教えていただけないでしょうか。
- ベストアンサー
- その他MS Office製品
- ページ上のチェックボックスをすべてONにする方法
webページ上にたくさんのOFFのチェックボックスがあり、それをすべてONにしたいのです。 そのページには一括でON/OFFを切り替えられるような機能は付いていません。 それが可能なツール、ブラウザなどありましたら教えてください。 よろしくお願いします。
- ベストアンサー
- Windows Vista
