Ext.onReady(function(){ var textFomr = Ext.create("Ext.form.Panel",{ title : "form中文本框选框的实例", bodyStyle :'padding:5 5 5 5', frame : true, height : 250, width : 400, id:'my_form', renderTo:'formDemo', defaults:{ labelSeparator :": ", labelWidth : 50, width : 200, allowBlank: false, msgTarget : 'side', labelAlign:'left' }, items:[{ xtype:'radiofield',//类型 boxLabel :'男',//显示在后面的 inputValue:'m', fieldLabel:'性别',//显示在前面的 checked:true, name:'sex'//必须一样的 },{ xtype:'radiofield', boxLabel :'女', inputValue:'w', fieldLabel:'性别', name:'sex' },{ xtype:'checkboxfield', inputValue:'1', name:'hobby', boxLabel:'唱歌', fieldLabel:'爱好' },{ xtype:'checkboxfield', inputValue:'2', name:'hobby', boxLabel:'看书', fieldLabel:'爱好' },{ xtype:'checkboxfield', inputValue:'3', name:'hobby', checked:true, boxLabel:'
',handler:function(b){ var formObj = Ext.getCmp("my_form"); var basic = formObj.getForm(); console.log(basic.getValues()); }}] })})
