为复选框和下拉添加删除类

Question

我在更改事件中向元素添加和删除类。下面的代码适用于下拉菜单和单选按钮，但不适用于复选框和下拉菜单。禁用类被应用，但取消选中它并没有被启用..

$(function() {
  $switchers.each(function(index, elem) {
    $(elem).prop("disabled", false).removeClass("c_disabled")
        .closest(".wrapper")
        .find(".overlay").remove();

    if ($(elem).prop('tagName') == 'SELECT') {          
        $(elem).children().removeClass('dis').removeAttr('disabled');
    }
  });

如何使它适用于复选框的检查，取消选中。

例如，如果您在选中 C3 时看到我的fiddle，则下拉选项 Two 将被禁用，但当您取消选中它时，它不会启用再次，当您取消选中其他选中的复选框时，它会启用。

这是什么原因？当我将收音机和下拉菜单结合使用时，它适用。

我希望它在我取消选中 C3

后启用它

这与复选框被多选有关吗？

我可以检查是否使用以下代码选中或取消选中选项。

    $(".checkdrop").on("change", function(e) {
  var $this = $(this);
      var ischecked = e.target.checked;
      if(ischecked) {
        alert("checked it");

      }
      else
      {
        alert("unchecked it");

       //$(elem).removeClass('c_disabled').removeAttr('disabled');
      } 
});

这是我的fiddle

请帮忙。

Answer 1

这些行是独立运行的。您可以在控制台上查看。

 $(".c_disabled").prop("disabled",false);
 $(".c_disabled").removeClass("c_disabled");