选中复选框时，按类别禁用输入

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>