JavaScript DHTML/Dojo toolkit/RadioButton
Set RadioButton group and default selection
<source lang="html4strict">
<html>
<head> <link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css"> <script type="text/javascript"> var djConfig = { baseScriptUri : "js/dojo/", parseOnLoad : true }; </script> <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script> <script> dojo.require("dojo.parser"); dojo.require("dijit.form.RadioButton"); </script> </head> <body class="tundra"> <input dojoType="dijit.form.RadioButton" id="val1" name="group1" checked="checked" value="Programmer" type="radio" /> <label for="val1"> Programmer </label> <input dojotype="dijit.form.RadioButton" id="val2" name="group1" value="Designer" type="radio" /> <label for="val2"> Designer </label> <input dojotype="dijit.form.RadioButton" id="val3" name="group1" value="Developer" type="radio" /> <label for="val3"> Developer </label> </div> </body>
</html>
</source>
Setup radio button
<source lang="html4strict">
<html>
<head> <link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css"> <script type="text/javascript"> var djConfig = { baseScriptUri : "js/dojo/", parseOnLoad : true }; </script> <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script> <script> dojo.require("dojo.parser"); dojo.require("dijit.form.CheckBox"); </script> </head> <body class="tundra"> <input type="radio" id="rb1" dojoType="dijit.form.RadioButton" /> <label for="rb1">Item 1</label> <input type="radio" id="rb2" dojoType="dijit.form.RadioButton" /> <label for="rb2">Item 2</label> <input type="radio" id="rb3" dojoType="dijit.form.RadioButton" /> <label for="rb3">Item 3</label> <input type="radio" id="rb4" dojoType="dijit.form.RadioButton" /> <label for="rb4">Item 4</label> </body>
</html>
</source>