如何在jQuery中启用按钮?
wnavrhmk1#
您可以这样做:
$("#checkBoxID").click(function() { $("#buttonID").attr("disabled", !this.checked); });
在jQuery中,.attr("disabled", bool)是一个布尔值,所以你可以使用复选框的this.checked DOM属性来保持这个值很短。
.attr("disabled", bool)
this.checked
iqjalb3h2#
$("#yourcheckboxid").click(function() { var checked_status = this.checked; if (checked_status == true) { $("#yourbuttonid").removeAttr("disabled"); } else { $("#yourbuttonid").attr("disabled", "disabled"); } });
z9smfwbn3#
如果你也在Jquery中使用Bootstrap,“disabled”不是一个属性而是一个类。所以,(我通常把我的函数放在一个单独的可加载文件中,以保持它的干净)这样做:1.创建whatever.js1.将以下代码放入其中:函数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"这样,按钮将切换为打开和关闭。
<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"
3条答案
按热度按时间wnavrhmk1#
您可以这样做:
在jQuery中,
.attr("disabled", bool)
是一个布尔值,所以你可以使用复选框的this.checked
DOM属性来保持这个值很短。iqjalb3h2#
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"
这样,按钮将切换为打开和关闭。