即使在复选框被选中时也会出错

Question

从我发现的所有示例中，如果选中复选框，则使用is(':checked')应返回true;否则返回false。在我的情况下，它在两种情况下都返回false。我的错误是什么？

  { 
      xtype: 'checkbox', 
      boxLabel: 'Show message', 
      id: 'mainBox', 
      handler: function() { 
       alert($(this).is(':checked')); 

      } 

Answer 1

由于this内部的ExtJS的事件处理程序没有引用的DOM元素代替this将指ExtJS的复选框对象。 jQuery将无法使用extjs对象引用找出目标元素。相反，你必须复选框将返回的选中状态值的getValue()方法，所以

尝试

{ 
    xtype: 'checkbox', 
    boxLabel: 'Show message', 
    id: 'mainBox', 
    handler: function (el) { 
     alert(el.getValue()); 
    } 
} 

Answer 2

，你可以在jQuery文档中读取时，.is('...')函数返回一个jQuery对象。

如果你想要某种布尔作为返回值的，你可以试试下面的代码：

alert($(this).is(':checked').length > 0); 

但对于一个复选框元素，使用“选中”属性应太：

alert(this.checked); 

你甚至可以试试这个，如果你想使用jQuery：

alert($(this).attr('checked') === 'checked'); 

Answer 3

按照到ExtJS documentation，我会尝试这样的：

{ 
    xtype: 'checkbox', 
    boxLabel: 'Show message', 
    id: 'mainBox', 
    handler: function (field , value) { 
     alert(value); 
    } 
}