Set inputValue for radio button

   


<html>
<head>
<title>Hello World Window</title>
<link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.0.0/ext-all.js"></script>

</head>
<body>
<script type="text/javascript">
Ext.onReady(function() {
    var radioGroup = {
        xtype: 'fieldset',
        title: 'Groups',
        autoHeight: true,
        items: [
            {
                xtype: 'radiogroup',
                fieldLabel: 'Auto Layout',
                items: [
                    {boxLabel: 'Item 1', name: 'yourName', inputValue: 1},
                    {boxLabel: 'Item 2', name: 'yourName', inputValue: 2, checked: true},
                    {boxLabel: 'Item 3', name: 'yourName', inputValue: 3},
                    {boxLabel: 'Item 4', name: 'yourName', inputValue: 4},
                    {boxLabel: 'Item 5', name: 'yourName', inputValue: 5}
                ]
            }
        ]
    };
    var fp = new Ext.FormPanel({
        title: 'Title',
        frame: true,
        labelWidth: 110,
        width: 600,
        renderTo:Ext.getBody(),
        bodyStyle: 'padding:0 10px 0;',
        items: [
           radioGroup
        ],
        buttons: [{
            text: 'Save',
            handler: function(){
               if(fp.getForm().isValid()){
                    Ext.Msg.alert('asdf');
                }
            }
        },{
            text: 'Reset',
            handler: function(){
                fp.getForm().reset();
            }
        }]
    });


});
</script> 
<div id='div1'>asdf</div>
</body>
</html>

Related examples in the same category

1.	Define and use radio button group
2.	Radio button type form field
3.	Mark one radioButton as checked
4.	Set name for radio button

Set inputValue for radio button : RadioButton « Ext JS « JavaScript DHTML

Related examples in the same category