I was speaking to an early learner via email regarding what we would use this type of scenario for so thought I would put together something very quickly just to maybe flair some creativity.
The following demo uses the JQuery library. What I have done is simply change the onclick event from showing an alert box to populate a div, a textbox and a hyperlink with the value of the radio button.
All I have done is add the JQuery library to the page and changed
to the following
For the above script to work we also need to add in the following html under the radiobutton list
<div id="JqueryMessageBox" style="margin-top:20px;margin-left:10px;
background-color:white;border:2px solid #83A7BF;padding:5px;width:50%;
display:none;"> </div> <input type="text" maxlength="55" name="textdemo" id="textdemo"
style="display:none;margin-top:10px;margin-left:10px;" /> <a href="http://www.visitscotland.com" id="vistscotland"
To see the demo in action : http://dev.siphilp.co.uk/OnClickRadioButtonListwithjquery.aspx
- jQuery – Fun with Radio Button lists, checkboxes and labels
- jQuery – Revisit – Fun with Radio Button lists, checkboxes and labels