我正在使用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();
});
});
当我这样做时,此按钮被永久禁用,但如果我想删除那么我应该怎么办?
答案 0 :(得分:15)
使用.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);
});
});
&#13;
<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>
&#13;
答案 1 :(得分:9)
如何禁用/启用表单元素?
有两种方法可以禁用/启用表单元素。
将'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 );
答案 2 :(得分:0)
永久删除按钮
$('#register').remove();
恢复按钮
$('#register').attr('disabled',false);
答案 3 :(得分:0)
$('#divID').remove();
您要找的是什么?
答案 4 :(得分:0)
$('#apply-coupon').removeAttr('Disabled');
$('#apply-coupon').attr('disabled', 'disabled' );