ExtJS 獲取復選框的值 checkboxgroup 獲取值 fieldset(checkbox) 獲取值

1.fieldset(checkbox) 獲取值

復選框組件定義如下：

{
                xtype: 'fieldset',
                title: '興趣',
                autoHeight: true,
                defaultType: 'checkbox',
                hideLabels: true,
                id: 'xq',
                layout: 'hbox',
                defaults: {
                    flex: 1
                },
                //vertical: false,
                items: [
                    { boxLabel: '游泳', name: 'xqn', inputValue: '4', checked: true },
                    { boxLabel: '玩兒', name: 'xqn', inputValue: '5' },
                    { boxLabel: '游戲', name: 'xqn', inputValue: '6' }
                ]
}

頁面效果：

獲取值代碼：

                    //獲取通過fieldset定義的checkbox值 
                    var xqCheck = Ext.getCmp('xq').items;
                    var xq = '';
                    for(var i = 0; i < xqCheck.length; i++){
                        if(xqCheck.get(i).checked){
                            xq += '+' + xqCheck.get(i).boxLabel;
                        }
                    }
                    Ext.MessageBox.alert('提示', '您的興趣是' + xq);

 

2.checkboxgroup 獲取值

定義：

{
                xtype: 'checkboxgroup',
                fieldLabel: 'Hobby',
                id: 'hobby',
                columns: 2,
                vertical: true,
                items: [
                    { boxLabel: 'music', name: 'rb', inputValue: '1', checked: true },
                    { boxLabel: 'sport', name: 'rb', inputValue: '2' },
                    { boxLabel: 'draw', name: 'rb', inputValue: '3' }
                ]
}

頁面效果：

獲取值：

                    //獲取通過checkboxgroup定義的checkbox值
                    var hobbyValue = Ext.getCmp('hobby').getChecked();
                    var hobby;
                    Ext.Array.each(hobbyValue, function(item){
                        hobby += '+' + item.boxLabel;
                    });
                    Ext.MessageBox.alert('提示', '您的興趣是' + hobby);