ASP 101 - Active Server Pages 101 - Web04
The Place ASP Developers Go!



Windows Technology Windows Technology
15 Seconds
4GuysFromRolla.com
ASP 101
ASP Wire
VB Forums
VB Wire
WinDrivers.com
internet.commerce internet.commerce
Partners & Affiliates
ASP 101 is an
internet.com site
ASP 101 is an internet.com site
IT
Developer
Internet News
Small Business
Personal Technology

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers

ASP 101 News Flash ASP 101 News Flash





Sample HTML Code generated by the ASP:
<h2>Some sample radio button form elements:</h2>
<form action="/samples/radiobutton.asp" method="get">
  A Default No-Frills Radio Button:
  <input type="radio" name="default" />
  <br />
  Radio Button With An Associated Value:
  <input type="radio" name="value_specified" value="Some Value" />
  <br />
  Multiple Radio Buttons With The Same Name:
  <input type="radio" name="multiple" value="1" />
  <input type="radio" name="multiple" value="2" />
  <input type="radio" name="multiple" value="3" />
  <br />
  Radio Button Which Maintains It's State:
  <input type="radio" name="state_keeper"
   checked="checked"
  />
  <br />
  <br />
  <input type="submit" />
</form>
<br />
<br />
<br />
<h2>Let's check out our values just submitted:</h2>
<blockquote><em>
FYI: Note that the above form submits back to this same page.
If you haven't yet submit the form then there won't be
any values in the text below since they are retreived
from the form.  In this case, the values reflected are
simply the defaults and are the same results you would
get if you submitted the form without checking anything.
</em></blockquote>
<p><strong>The Default No-Frills Radio Button</strong></p>
<p>
By default, an HTML radio button element returns nothing
if it wasn't enabled and a value of "on" if it
was.  So by checking it's value we can determine if it was
enabled or not when the form was submitted.
The No-Frills Radio Button was: <strong>
Enabled
</strong>.
</p>
<p><strong>Radio Button With An Associated Value</strong></p>
<p>
If you don't like the fact that the radio button returns the
value of "on" it's really easy to change.  Simply
add a value parameter and assign to it what you'd like the
value returned by the radio button to be.
The Radio Button With An Associated Value returned:
<strong>Some Value</strong>.
</p>
<p><strong>Multiple Radio Buttons With The Same Name</strong></p>
<p>
Similarly to the checkbox, the scenario where you have a set
of radio buttons all with the same name is probably one of the
most useful ways to use this type of input tag.  The main
difference is that instead of allowing a user to specify
multiple answers to one question, the radio button element
ensures that one and only one selection is choosen from among
the group of buttons that share a common name.
Multiple Radio Buttons With The Same Name ensured that only one
choice was selected and it was:
<strong>2</strong>.
</p>
<p><strong>Radio Button Which Maintains It's State</strong></p>
<p>
At this point there's really nothing different about
this radio button from any other, but I thought I should
illustrate the technique when building the form
(see the form generating section of the source code)
because it's so useful in real life.  In particular, when
you're sending a user back to the form to check their
entries, it's really frustrating for them if they have
to re-enter all their values and re-select all the appropriate
radio buttons.
</p>
<p>
In terms of the value, like I said, this is just like the
standard radio button, but just to keep up the pattern...
Radio Button Which Maintains It's State returned:
<strong>on</strong>.
</p>


Output

Samples
Home |  News |  Samples |  Articles |  Lessons |  Resources |  Forum |  Links |  Search |  Feedback

Internet.com
The Network for Technology Professionals

Search:

About Internet.com

Legal Notices, Licensing, Permissions, Privacy Policy.
Advertise | Newsletters | E-mail Offers