禁用/启用点击事件Jquery

disable/enable click event Jquery

本文关键字:事件 Jquery 启用 禁用      更新时间:2023-09-26

我有一个id为"CB"的复选框和一个id"BT"的按钮。我想验证:

  1. 如果检查了CB,则BT的Click事件为Enable
  2. 如果CB未选中,BT的事件点击为禁用

那么如何正确的脚本如果内部这个Jquery?

    var CB = $("#CB");
    var inital_CB  = CB .is(":checked");
    var BT= $("#BT").attr("disabled", !inital_CB);
    CB .click(function() {
        BT.attr("disabled", !this.checked);
    });

如果您想要做的只是根据复选框是否被选中来触发一些代码,请点击:

var theButton = document.getElementById("Button1");
var theCheckBox = document.getElementById("Checkbox1");
theButton.onclick = function () {
    if (theCheckBox.checked) {
        //Code that executes when checkbox is selected
    }
    else {
        //Code that executes when checkbox is not selected
    }
}