javascript - 按钮禁用后JS无法启用

Question

JS

我有一个带有保存和下载按钮的表单。我希望最初禁用下载按钮。保存表单后应启用它。

$("#download_form").attr('disabled', 'disabled');
   $('.save-form').on('click', function(){
   $("#download_form").removeAttr('disabled');
 });

 .fieldset
          .row
            .col-sm-3
              = f.submit "Save", class: "btn btn-primary save-form"
            .col-sm-3
              = f.submit "cancel", type: :reset, class: "btn btn-primary"
            .col-sm-3
              %div{id: 'download_form'}
              - if @customer_detail.save
                = link_to "Download", download_csv_customer_detail_path(@customer_detail.id, format: "csv"), disabled: true, class: "btn btn-primary"
            .col-sm-3
              = link_to("Print", "javascript:print()", class: "btn btn-primary")

问题是我无法在保存表单后启用下载按钮。有人可以帮助我吗。提前致谢!!

Answer 1

使用表单的表单提交事件。

$("#download_form").submit(function(){
    $('input[type="submit"]').prop('disabled', false);
});