nos-forms-jquery/examples/radio.md

Build and validate DRY html forms in minutes with JSON, jQuery and Bootstrap

# Type #
## radio ##

#### Example with all options ####

```javascript
{
    "name": "radioExample",
    "type": "radio",
    "label": "Radio Example",
    "formGroup": true,
    "required": true,
    "data": {
        "field": 0,
        "testing": 123,
    },
    "disabled": false,
    "inline": true, // display radio options inline. this basically just changes the bootstrap layout for radio controls
    "checked": "value1", // accepts a value from the options below
    "options": {
        "value1": "First Option",
        "value2": "Second Option",
        "value3": "Third Option"
    }
}
```

#### More practical example ####

```javascript
{
    "name": "radioExample",
    "type": "radio",
    "label": "Radio Example",
    "required": true,
    "inline": true, // display radio options inline. this basically just changes the bootstrap layout for radio controls
    "checked": "value1", // accepts a value from the options below
    "options": {
        "value1": "First Option",
        "value2": "Second Option",
        "value3": "Third Option"
    }
}
```

## Radio Options ##

There are a few ways to enter your radio options.

- As in the example above, you can enter them as an object

```javascript
"options": {
    "value1": "First Option",
    "value2": "Second Option"
}
```

- Enter them as an array of objects

```javascript
"options": [
    {
        "value1": "First Option"
    },
    {
        "value2": "Second Option"
    }
]
```

- Enter them as an array. In this scenario, each array item will be used as the radio selection and value.

```javascript
"options": [
    "First Option",
    "Second Option"
]
```