jquery - 在 jquery 中禁用和启用提交按钮

Question

我正在使用 jquery 禁用提交按钮并加载加载图像，

在提交按钮中，我使用以下内容：

<div id="registerbtn" name="registerbtn">
<input type="submit" class="btn btn-primary" icon="ok white" value="Register" id="register" name="register"/>
</div>
<div class="span4" style="display:none;" id="loadingtext">
                            <?php echo  $imghtml=CHtml::image('images/loading.gif');?>                      
                        </div>

在 JQuery 中，我使用以下代码：

$(document).ready(function() {

    $('#register').click(function() {
        $('input[type="submit"]').attr('disabled','disabled');

     });
        $("#loadingtext").show();
    });
});

当我这样做时，此按钮将被永久禁用，但如果我想删除，我该怎么办？

Answer 1

在回调函数中使用.prop()方法和使用$(this)引用目标元素

jQuery(function($) {

  const $register = $("#register"),
        $loading = $("#loading");

  $register.on("click", function() {
  
    $(this).prop('disabled', true);
    $loading.show();
    
    setTimeout(function() {
      $register.prop('disabled', false);
      $loading.hide();
    }, 2000);

  });

});

<input id="register" value="Register" type="submit">
<div id="loading" style="display:none;">Wait 2 sec...</div>


<script src="//code.jquery.com/jquery-3.1.0.js"></script>

Answer 2

这在jQuery 常见问题解答中得到了回答

如何禁用/启用表单元素？
有两种方法可以禁用/启用表单元素。

将 'disabled' 属性设置为 true 或 false：

 // Disable #x
 $('#x').attr('disabled', true);
 // Enable #x
 $('#x').attr('disabled', false);

添加或删除“禁用”属性：

 // Disable #x
 $("#x").attr('disabled', 'disabled');
 // Enable #x
 $("#x").removeAttr('disabled');

更新：现在的方法（如常见问题解答所述）只有：

// Disable #x
$( "#x" ).prop( "disabled", true );

// Enable #x
$( "#x" ).prop( "disabled", false );

Answer 3

永久删除按钮

$('#register').remove();

恢复按钮

$('#register').attr('disabled',false);

Answer 4

是$('#divID').remove();你要找的吗？

http://docs.jquery.com/Manipulation/remove

Answer 5

启用禁用的属性

 $('#apply-coupon').removeAttr('Disabled');

禁用禁用的属性

$('#apply-coupon').attr('disabled', 'disabled' );