【问题标题】:How to enable button when checkbox clicked in jQuery?在jQuery中单击复选框时如何启用按钮?
【发布时间】:2010-08-25 12:10:27
【问题描述】:

如何在jQuery中单击复选框时启用按钮?

【问题讨论】:

  • 在这里展示一些努力并发布您的代码。否则关闭。

标签: jquery


【解决方案1】:

你可以这样做:

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

选中时启用,取消选中时再次禁用。在 jQuery 中,.attr("disabled", bool) 接受一个布尔值,因此您可以使用复选框的 this.checked DOM 属性保持它的简短。

【讨论】:

  • +1 用于否定布尔值,这是一种使用不够的简单技术,IMO。哦,也不使用 .is(":checked") ;-)
  • 从 jQuery 1.6 开始,建议使用 .prop() 方法来代替 (api.jquery.com/attr)。
  • 很好的解决方案。谢谢。 :)
【解决方案2】:
$("#yourcheckboxid").click(function() {
    var checked_status = this.checked;
    if (checked_status == true) {
       $("#yourbuttonid").removeAttr("disabled");
    } else {
       $("#yourbuttonid").attr("disabled", "disabled");
    }
});

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2023-03-21
    • 2018-02-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-04-24
    • 2021-10-30
    • 2016-08-29
    相关资源
    最近更新 更多