選中復選框時，按類別禁用輸入

Question

因此，我動態創建了共享同一類的復選框：

<input type="checkbox" class="boxes" />
<input type="checkbox" class="boxes" />

並具有一些與該類共享相同的下拉選項：

<select class = "needToDisable">
  <option value="volvo">Volvo</option>
</select>

由於這些是動態生成的，因此我采用了這種方法來檢查選中的復選框的長度是否>0。如果是這樣，請使用“ needToDisable”類禁用所有下拉菜單

 $(".boxes").on('click',function(){
      if ($('.boxes:checked').length > 0) {
            $(".boxes").prop("disabled", true);
       } else {
         $(".boxes").prop("disabled", false);  
       }     
  });

我還看到了其他一些示例，例如：

使用jQuery獲取具有特定類名稱的所有選中的復選框

但是它說“點擊”沒有定義，我認為我不能以這種方式使用。

Answer 1

首先，您需要使用'click'而不是click 。 其次，您的選擇類是needToDisable ，需要將其禁用而不是.boxes 。 下面是一個小型的工作演示：

 $(".boxes").on('click', function() { $(".needToDisable").prop("disabled", $('.boxes:checked').length); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="checkbox" class="boxes" /> <input type="checkbox" class="boxes" /> <select class="needToDisable"> <option value="volvo">Volvo</option> </select>