如何在jQuery中启用按钮?

4dbbbstv  于 2022-12-12  发布在  jQuery
关注(0)|答案(3)|浏览(141)

如何在jQuery中启用按钮?

wnavrhmk

wnavrhmk1#

您可以这样做:

$("#checkBoxID").click(function() {
  $("#buttonID").attr("disabled", !this.checked);
});

在jQuery中,.attr("disabled", bool)是一个布尔值,所以你可以使用复选框的this.checked DOM属性来保持这个值很短。

iqjalb3h

iqjalb3h2#

$("#yourcheckboxid").click(function() {
    var checked_status = this.checked;
    if (checked_status == true) {
       $("#yourbuttonid").removeAttr("disabled");
    } else {
       $("#yourbuttonid").attr("disabled", "disabled");
    }
});
z9smfwbn

z9smfwbn3#

如果你也在Jquery中使用Bootstrap,“disabled”不是一个属性而是一个类。所以,(我通常把我的函数放在一个单独的可加载文件中,以保持它的干净)这样做:
1.创建whatever.js
1.将以下代码放入其中:
函数seethemagic(){ $('#btn-send').toggleClass('已禁用');}
1.将whatever.js加载到html中
1.该按钮可以如下所示:
<button id="btn-send" class="btn btn-primary d-grid w-100 disabled"``<button id="btn-send" class="btn btn-primary d-grid w-100 disabled"
这样,按钮将切换为打开和关闭。

相关问题