2010-09-07 114 views
0

我正在設計一個for的複選框,我絕對不能在用戶點擊其標籤時切換複選框,因爲此標籤包含打開小型信息框的鏈接,用戶通過選擇複選框可以知道他或她正在接受什麼。ExtJS:禁用標籤上的複選框切換點擊

如何禁用單擊其標籤時複選框切換?

代碼看起來簡直像這樣(這個元素是FormPanel中的項目清單:)

{ 的xtype內: '複選框', ID: 'privacyCheck', FieldLabel聯合:「我已閱讀,理解並接受ABCDE' }的隱私權政策

回答

2

除了在複選框上使用boxLabel屬性或字段標籤外,還可以在複選框旁邊創建單獨的標籤對象。這應該可以更容易地操作標籤的處理程序。否則,您將需要挖掘boxLabel(而不是漂亮)的相應DOM元素以獲取它。

0

我知道,這個話題是相當古老的,但我發現它,尋找解決方案,以完全相同的問題。所以我想分享。

我需要修改瀏覽器行爲以模仿舊站點的行爲,同時使所述站點「可訪問」。 (需要標籤標籤的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"> 
//[...]