User`s guide

<br />

<input type="radio"

data-dojo-type="dijit/form/RadioButton"

name="drink"

id="radioTwo"

value="coffee"/><label for="radioTwo">Coffee</label>

Be careful when using the get("value") method. The value of the radio button will ONLY be

returned if it is checked otherwise "false" is returned. If we want to get the value irrespective of

its checked state, get the "value" property directly.

Using radio buttons in conjunction with dijit/form/Form can make their handling much

easier. We can define a "name" property on all the buttons and use the form's get("value") to

get an object back that will have the "name" property set to the selected value.

When programatically creating a Radio Button, one must also create a "label".

var label = domConstruct.create("label", {

innerHTML: "My Label",

for: myRadioButton.id

});

Among the properties for RadioButton are:

• name

• value

Take care when asking a RadioButton for its "value". If we use its get("value") method, it will

return true or false. True if it is checked and false otherwise. If we want the value of the "value"

property, we should retrieve it via the normal JavaScript property accessor such as:

myRadioButton.value