IE 7如何在单击后禁用按钮

Question

在UI上有一个输入按钮列表，提交表单。

新要求是单击后disable该按钮。 我努力了

j("input.allowed-task").each(function() {
document.getElementById(j(this).attr('id')).disabled = true;
});

和

j("input.allowed-task").attr('disabled', 'disabled');

这一切都适用于Firefox，IE8，IE9

但是当谈到IE7时，上述方法都不起作用。 禁用该按钮后会忽略所有进程，因此表单甚至无法提交，实际上并不知道如何修复它。

顺便说一句，我们在jquery 1.4上，所以不支持.prop

Answer 1

我建议使用提交事件而不是单击以便您可以确保捕获它，否则人们仍然可以通过按输入输入来提交。

$("#myform").submit(function(e){
    // prevent default so that we completely control when the form submits
    e.preventDefault();
    var $form = $(this);
    if ( !$form.data("submitted") ) {
        // form hasn't been submitted yet, set flag, disable button, then submit the form.
        $form.data("submitted",true);
        $("#submitbtn").attr("disabled","disabled"); 
        // obviously disable whatever you need to, 
        // you don't HAVE to disable it though because
        // the flag and e.preventDefault will prevent
        // them from submitting anyway.
        this.submit(); // submits the form, bypassing this submit handler
    }    
});

Answer 2

您似乎应该能够直接在代码中提交表单。

j("input.allowed-task").click(function() {

    // disable all buttons
    j("input.allowed-task").attr('disabled', 'disabled');

    // submit the form
    YOUR_FORM.submit();

    return false;
});

Answer 3

也许这就是你要找的东西：

j('input.allowed-task').click(function () {
    // Disable the element
    j(this).attr('disabled', 'disabled');

    // Submit the form
    j(this).closest('form').submit();
});

Answer 4

replaceWith()可用吗？

j("input.allowed-task").replaceWith('<input type="submit" disabled="disabled">');