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);