Question

我禁用所有表单中的更新提交按钮，并在密钥上启用它们。

$(function(){
  $("#submitAccount, #submitProfile, #submitUser").attr("disabled","true");
  $(".form-control").keyup(function(){
    $("#submitAccount").removeAttr("disabled");
  });
});

问题是，在我的用户编辑表单中，我还有一些复选框来设置一些权限。

在检查/取消选中其中一个复选框时删除已禁用属性的有效方法是什么？

Answer 1

试试这个：

$(function() {
    $("#submitAccount").prop("disabled", true); // Disable buttons

    $(":checkbox").
        on('click', function() {
            $("#submitAccount").prop("disabled", $(':checkbox:checked').length > 0);
        })
    });
});

Answer 2

我意识到我需要一个更简单的解决方案，所以我最终做到了这一点：

$(function(){
  $("#submitAccount, #submitProfile, #submitUser").attr("disabled","true");
  $(".form-control").keyup(function(){
    $("#submitAccount, #submitProfile, #submitUser").removeAttr("disabled");
  });
  $(":checkbox").click(function() {
    $("#submitUser").removeAttr("disabled");
  })
});

更新复选框状态时启用rails提交按钮的有效方法

2 个答案: