我正在設計一個for的複選框,我絕對不能在用戶點擊其標籤時切換複選框,因爲此標籤包含打開小型信息框的鏈接,用戶通過選擇複選框可以知道他或她正在接受什麼。ExtJS:禁用標籤上的複選框切換點擊
如何禁用單擊其標籤時複選框切換?
代碼看起來簡直像這樣(這個元素是FormPanel中的項目清單:)
{ 的xtype內: '複選框', ID: 'privacyCheck', FieldLabel聯合:「我已閱讀,理解並接受ABCDE' }的隱私權政策
我正在設計一個for的複選框,我絕對不能在用戶點擊其標籤時切換複選框,因爲此標籤包含打開小型信息框的鏈接,用戶通過選擇複選框可以知道他或她正在接受什麼。ExtJS:禁用標籤上的複選框切換點擊
如何禁用單擊其標籤時複選框切換?
代碼看起來簡直像這樣(這個元素是FormPanel中的項目清單:)
{ 的xtype內: '複選框', ID: 'privacyCheck', FieldLabel聯合:「我已閱讀,理解並接受ABCDE' }的隱私權政策
除了在複選框上使用boxLabel屬性或字段標籤外,還可以在複選框旁邊創建單獨的標籤對象。這應該可以更容易地操作標籤的處理程序。否則,您將需要挖掘boxLabel(而不是漂亮)的相應DOM元素以獲取它。
我知道,這個話題是相當古老的,但我發現它,尋找解決方案,以完全相同的問題。所以我想分享。
我需要修改瀏覽器行爲以模仿舊站點的行爲,同時使所述站點「可訪問」。 (需要標籤標籤的for屬性,並且不能使用for屬性的標籤。)
我不知道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">
//[...]