created: 20131212195353929 modified: 20150220161302000 tags: Widgets title: RadioWidget type: text/vnd.tiddlywiki caption: radio ! Introduction The radio widget displays an HTML `<input type="radio">` that reflects whether a given tiddler field has a specified value. Selecting the radio button sets to the tiddler field to the value. ! Content and Attributes The content of the `<$radio>` widget is displayed within an HTML `<label>` element also containing the radio button. This means that clicking on the content will have the same effect as clicking on the button itself. |!Attribute |!Description | |tiddler |Title of the tiddler to manipulate (defaults to the [[current tiddler|Current Tiddler]]) | |field |The name of the field to which the radio button will be bound | |value |The value for the tiddler field | |class |CSS classes to be assigned to the label around the radio button | ! Example This example uses the radio widget to change the `modifier` field of this tiddler: ``` <$radio field="modifier" value="JoeBloggs"> Joe Bloggs</$radio> <$radio field="modifier" value="JaneBloggs"> Jane Bloggs</$radio> ``` It renders as: <$radio field="modifier" value="JoeBloggs"> Joe Bloggs</$radio> <$radio field="modifier" value="JaneBloggs"> Jane Bloggs</$radio>