1. ホーム
  2. jquery

[解決済み] jqueryでドロップダウンボックスを有効化/無効化する

2022-02-10 19:38:57

質問

私はjQueryの初心者ですが、チェックボックスを使用してドロップダウンリストを有効または無効にしたいと思います。これは私のhtmlです。

<select id="dropdown" style="width:200px">
    <option value="feedback" name="aft_qst">After Quest</option>
    <option value="feedback" name="aft_exm">After Exam</option>
</select>
<input type="checkbox" id="chkdwn2" value="feedback" />

これを行うには、どのようなjQueryのコードが必要ですか?また、良いjQueryのドキュメント/学習材料を探しています。

どのように解決するのですか?

ここでは、わかりやすい方法を一つ紹介します。

http://jsfiddle.net/tft4t/

$(document).ready(function() {
 $("#chkdwn2").click(function() {
   if ($(this).is(":checked")) {
      $("#dropdown").prop("disabled", true);
   } else {
      $("#dropdown").prop("disabled", false);  
   }
 });
});