ExtJS 獲取單選按鈕的值 radiogroup 獲取值 fieldset(radio) 獲取值

{
                xtype: 'fieldset',
                id: 'job',
                title: '職業',
                autoHeight: true,
                defaultType: 'radio',  //設置fieldset內的默認元素為radio
                //hideLabel: false,
                layout: 'hbox',
                defaults: {
                    flex: 1
                },
                items: [
                    { boxLabel: '學生', name: 'job', inputValue: '1', checked: true },
                    { boxLabel: '教師', name: 'job', inputValue: '2' },
                    { boxLabel: '其他', name: 'job', inputValue: '3' }
                ]
}

如果是以上定義，則頁面效果為：

通過以下語句中變量 job 保存的是選中的標簽值（學生、教師、其他）

                    var jobRadio = Ext.getCmp('job').items;
                    var jobValue = loginForm.getForm().findField("job").getGroupValue(); //此處獲取到的是inputValue的值
                    var job;
                    for(var i = 0; i < jobRadio.length; i++){
                        if(jobRadio.get(i).inputValue == jobValue){
                            job = jobRadio.get(i).boxLabel;
                            break;
                        }
                    }
                    Ext.MessageBox.alert('提示', '您的職業是' + job);

 

以上是通過 fieldset 定義的 radio 組件獲取值的方法。下面是 radiogroup 組件獲取值的方法

{
                //xtype      : 'fieldcontainer',
                xtype: 'radiogroup',
                id: 'sex',
                fieldLabel : 'Sex',
                hideLabels: false,
                defaults: {
                    flex: 1
                },
                layout: 'hbox',
                items: [
                    {
                        boxLabel  : 'Male',
                        name      : 'sex',
                        inputValue: 'male'
                    }, {
                        boxLabel  : 'Female',
                           name      : 'sex',
                        inputValue: 'female'
                    }
                ]
            }

頁面效果為：

獲取值的代碼如下：

                    var sex = Ext.getCmp('sex').getChecked()[0].boxLabel;
                    Ext.MessageBox.alert('提示', '您的性別是' + sex);