Question

单击

时，如何在点击和从禁用返回时将输入从禁用更改为启用

HTML

<div class="col-md-2">
    <input type="text" class="form-control" id="tes" name="tes" />
</div>
<br>
<div class="col-md-3">
    <button type="submit" id="submit1" class="glyphicon glyphicon-ok success btn btn-primary btn" value=""> </button>
</div>

JQUERY

$('#submit1').click(function() {
      $('#tes').prop("disabled",true);
    $(this).toggleClass('glyphicon glyphicon-ok').toggleClass('glyphicon glyphicon-remove btn-danger');
});

Answer 1

在项目中使用此通用功能可启用/禁用。

＆＃13;

(function($) {
    $.fn.toggleDisabled = function(){
        return this.each(function(){
            this.disabled = !this.disabled;
        });
    };
})(jQuery);
$('#submit1').click(function() {
    $('#tes').toggleDisabled();
    $(this).toggleClass('glyphicon glyphicon-ok').toggleClass('glyphicon glyphicon-remove btn-danger');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-md-2">
    <input type="text" class="form-control" id="tes" name="tes" />
</div>
<br>
<div class="col-md-3">
    <button type="submit" id="submit1" class="glyphicon glyphicon-ok success btn btn-primary btn" >Button </button>
</div>

＆＃13;

Answer 2

你可以使用这个。

＆＃13;

$('#submit1').click(function() {
      $('#tes').prop("disabled",!$('#tes').prop("disabled"));
    $(this).toggleClass('glyphicon glyphicon-ok').toggleClass('glyphicon glyphicon-remove btn-danger');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-md-2">
    <input type="text" class="form-control" id="tes" name="tes" />
</div>
<br>
<div class="col-md-3">
    <button type="submit" id="submit1" class="glyphicon glyphicon-ok success btn btn-primary btn" value="Submit">SUbmit </button>
</div>

＆＃13;

Answer 3

.prop(property)将返回属性是否已设置。您可以使用它来检查值并根据它的当前值进行切换。

if( $('#tes').prop("disabled") )
    $('#tes').prop("disabled",false);
else
    $('#tes').prop("disabled",true);

你可以将其减少为：

$('#tes').prop("disabled", !$('#tes').prop("disabled") )

这将获取属性的当前值，并使用!取消它，然后将其设置为新值

Answer 4

如果你想要的是切换禁用道具：

$('#submit1').click(function() {
      $('#tes').prop("disabled", !$('#tes').prop("disabled"));
});

更改启用为禁用和禁用以使用jquery启用引导程序

4 个答案: