ExtJS：禁用复选框在标签单击时切换

Question

我正在为for设计一个复选框，当用户单击其标签时，我绝对不能切换该复选框，因为此标签包含一个打开小信息框的链接，用户可以通过选择该框来了解他或她接受的内容复选框。

单击标签时如何禁用复选框切换？

代码看起来像这样（此元素在FormPanel项目列表中：）

{xtype：'checkbox'，id：'privacyCheck'，fieldLabel：'我已阅读，理解并接受ABCDE的隐私政策'}

Answer 1

与其在复选框上使用boxLabel属性或字段标签，不如在复选框旁边创建一个单独的标签对象。 这应该使操作标签的处理程序更加容易。 否则，您将需要为boxLabel（不是很漂亮）挖掘适当的DOM元素。

Answer 2

我知道，这个主题比较旧，但是我找到了，正在寻找完全相同的问题的解决方案。 所以我想分享。

我需要修改浏览器的行为，以模仿旧站点的行为，同时使该站点“可访问”。 （需要label标签的for-attribute，并且不能使用没有for-attribute的标签。）

我不了解ExtJS，但是由于旧站点在前端使用jQuery，因此我通过以下方式解决了问题：

//[...]
$(document).ready(function () {
    $('.donotToogleCheckbox').click(function (event) {       
        event.preventDefault();
        // do other stuff like displaying a dialog or something
    })
});
//[...]
<label class='donotToogleCheckbox' for='myCheckbox'>DaLabel</label>
<input id='myCheckbox' name='myCheckbox' type="checkbox">
//[...]