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

drnojrws  于 2022-11-09  发布在  jQuery
关注(0)|答案(5)|浏览(210)

我使用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();
    });
});

当我这样做,然后这个按钮是永久禁用,但如果我想删除然后我应该怎么做??

p4tfgftt

p4tfgftt1#

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

ve7v8dk2

ve7v8dk22#

jQuery FAQ中对此进行了回答

如何禁用/启用表单元素?

有两种方法可以禁用/启用表单元素。
将“disabled”属性设置为true或false:

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

添加或删除“disabled”属性:

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

**更新:**现在的做法(如常见问题解答所述)只是:

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

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

wgxvkvu93#

永久删除按钮

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

恢复按钮

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

gwbalxhn5#

启用禁用的属性

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

禁用已禁用的属性

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

相关问题