如何在extjs中访问HTML复选框

Ext.define('MyApp.view.MyPanel', {
    extend: 'Ext.panel.Panel',
    xtype: 'mypanel',
    
    items: [
        {
            xtype: 'checkbox',
            fieldLabel: '复选框',
            itemId: 'myCheckbox' // 为复选框指定一个itemId，以便后续访问
        }
    ],
    
    // 其他配置项和方法...
});

var myPanel = Ext.create('MyApp.view.MyPanel');
var checkbox = myPanel.down('#myCheckbox'); // 通过itemId获取复选框实例

// 访问复选框的属性和方法
console.log(checkbox.getValue()); // 获取复选框的值
checkbox.setValue(true); // 设置复选框的值为true