Javascript 语义ui:无法调用禁用函数的复选框

我的代码正在使用语义ui复选框模块。我有一个复选框。我需要在复选框的状态更改后调用函数。就像jQuery复选框更改函数一样。但是当我使用语义ui复选框时，我就是不能调用'onDisable'函数。我总是在复选框改变之前得到它的状态。但我只想在它更改后获得复选框状态

HTML代码

<div class="ui checkbox">
    <input type="checkbox" name="high" > <label>High</label>
</div>

可以看到语义用户界面复选框的用法

当我点击复选框时，复选框状态被选中，它总是显示出来

onChange!true
onEnable!true

onChange!false
onEnable!false

我只是想

onChange!false
onEnable!false

onChange!true
onEnable!true

当我点击复选框时，复选框状态是未选中的，它总是显示出来

onChange!true
onEnable!true

onChange!false
onEnable!false

我只想

onChange!false
onEnable!false

onChange!true
onEnable!true

结果是语义ui复选框回调函数与我需要的不匹配

我的问题是:

1.为什么不调用“onDisable”函数

---

2.如何使用语义ui复选框，如jQuery复选框onchange函数？

我对选择器也有同样的问题。语义UI的复选框针对的是包含的div，而不是输入。以下不是最优的，但有效

var $cont = $(".ui.checkbox");
var $checkbox = $(".ui.checkbox input");
$cont.checkbox({
  onEnable: function() {
    console.log("onEnable!" + $checkbox.prop("checked"));
  },
  onDisable: function() {
    console.log("onDisable!" + $checkbox.prop("checked"));
  },
  onChange: function(x) {
    console.log("onChange!" + $checkbox.prop("checked"));
  }
});

---

1/onDisable和onEnable回调用于禁用/启用复选框，而不是选中/取消选中它们有onChecked和onUnchecked回调，请参阅与input disabled属性相关的set enabled和set disabled

2/表示context=this回调是HTML输入元素，那么您可以这样使用它

$function{ var$checkbox=$.ui.checkbox； $checkbox.checkbox{ 合一：功能{ console.logonEnable！+$this.propchecked； }, 可禁用：函数{ console.logonDisable！+$this.propchecked； }, onChange：函数{ console.logonChange！+$this.propchecked； } }; $“禁用”。单击函数{ $checkbox.checkbox'set disabled'； }; $“启用”。单击函数{ $checkbox.checkbox'set enabled'； }; }; 高的