Question

我正在为for设计一个复选框，当用户点击其标签时，我绝对无法切换复选框，因为此标签包含打开一个小信息框的链接，用户可以知道他或她是什么通过选中复选框接受。

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

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

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

Answer 1

不是在复选框上使用boxLabel属性或字段标签，而是在复选框旁边创建一个单独的标签对象。这样可以更容易地操作标签的处理程序。否则，您将需要挖掘boxLabel（不太漂亮）的相应DOM元素来获取它。

Answer 2

我知道，这个话题相当陈旧，但我找到了它，寻找完全相同问题的解决方案。所以我想分享。

我需要修改浏览器行为以模仿旧网站的行为，同时使网站“可访问”。（需要标签标签的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">
//[...]

ExtJS：禁用复选框切换标签点击

2 个答案: