添加复选框的删除类和下拉列表

时间:2015-04-24 07:12:50

标签: javascript jquery ruby-on-rails checkbox

我正在为change事件上的元素添加和删除类。下面的代码适用于下拉列表和单选按钮,但不适用于复选框和下拉列表。禁用类被应用,但在取消选中时它没有被启用..

$(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,则下拉选项两个会被禁用,但是当您取消选中它时,它不会再次启用,取消选中其他选中的复选框时会启用它。

这是什么原因?当我有无线电和下拉的组合时,它可以用于此。

我想取消选中 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

请帮忙。

1 个答案:

答案 0 :(得分:0)

这些线路正在自行运作。您可以在控制台上查看它。

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