Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
unchecking radio buttons
- Thread starter SKTodd
- Start date
EdwardMartinIII
Technical User
Radio buttons are designed to be used in clusters where you can select only one item out of a choice (like the old car radios). The sort of action you're describing belongs more properly to a checkbox control.
Behold:
Beware!
![[monkey]](/data/assets/smilies/monkey.gif "[monkey] [monkey]")
Edward
"Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!" -- inventor of the cat door
Behold:
Code:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml"[/URL] xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></meta>
<title>JavaScript Sample</title>
</head>
<body>
<form name="MainForm">
<p>Choose the shape of the Destructor:<br />
<input type="radio" name="OidarMaster" id="Oidar1"></input>Chocolate<br />
<input type="radio" name="OidarMaster" id="Oidar2"></input>Caramel<br />
<input type="radio" name="OidarMaster" id="Oidar3"></input>Nougat<br />
<input type="radio" name="OidarMaster" id="Oidar4"></input>An ear-splitting all-consuming Shriek of Doom</p>
<p>Do you wish the Destructor to ravage Tokyo as well as your hometown?<br />
<input type="checkbox"></input>Ravage Tokyo, too!</p>
<p>Have a nice day.</p>
</form>
</body>
</html>Beware!
Edward "Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!" -- inventor of the cat door
- Thread starter
- #3
<script>
function checkIt(inButton){
if (inButton.checked){
inButton.checked = false
}
else{
inButton.checked = true
}
}
</script>
<input type=radio onCLick="checkIt(this)"> Get the Best Answers! faq333-2924
Is this an asp FAQ? faq333-3048
Tek-Tips Best Practices: FAQ183-3179
It's sad that some Americans proudly turn their backs on the very Flag the gives them the opportunity to do just that... - Mike
function checkIt(inButton){
if (inButton.checked){
inButton.checked = false
}
else{
inButton.checked = true
}
}
</script>
<input type=radio onCLick="checkIt(this)"> Get the Best Answers! faq333-2924
Is this an asp FAQ? faq333-3048
Tek-Tips Best Practices: FAQ183-3179
It's sad that some Americans proudly turn their backs on the very Flag the gives them the opportunity to do just that... - Mike
EdwardMartinIII
Technical User
Suppose the user discovers the radio button that was selected should not have been selected at all? How can it become unselected?
That's my point. If the User must choose at least one item from a list of 2+ items, then a radio button is appropriate. If you have only a single selection, or if no-choice is possible, then a checkbox is the more appropriate control to use.
If your situation is such that you have exactly one choice and the user can choose it or unchoose it, then you use a checkbox.
mwolf00's post looks like it'll take a radio button and force it to work like a checkbox. You could likewise take a group of checkboxes and force them to act like radio buttons. But it would be easier to use the right control for the right function.
Unless you really like extra coding...![[smile]](/data/assets/smilies/smile.gif "[smile] [smile]")
Cheers,
Edward
"Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!" -- inventor of the cat door
That's my point. If the User must choose at least one item from a list of 2+ items, then a radio button is appropriate. If you have only a single selection, or if no-choice is possible, then a checkbox is the more appropriate control to use.
If your situation is such that you have exactly one choice and the user can choose it or unchoose it, then you use a checkbox.
mwolf00's post looks like it'll take a radio button and force it to work like a checkbox. You could likewise take a group of checkboxes and force them to act like radio buttons. But it would be easier to use the right control for the right function.
Unless you really like extra coding...
Cheers,
Edward "Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!" -- inventor of the cat door
- Thread starter
- #6
- Status
Similar threads
