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 derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
button to deselect a radio button 2
- Thread starter tatika
- Start date
-
1
- #2
theboyhope
IS-IT--Management
Would you settle for
?
Code:
<input type="radio" ondblclick="this.checked=false;" />-
1
- #3
you need to first validate (client scripting language) if the button is checked (true) or unchecked (false) then on that replation you can either set it to true for a unchecked button or false for a checked button.
javascript can do this fairly easy
eg on the pseudo
function checkUncheck(){
var statusCheck = document.myForm.radio;
if(statusCheck.checked == true) {
statusCheck.checked = false;
}
and so on..
tehre should be actual working examples out there for the pluking
_____________________________________________________________________
Where have all my friends gone to????
javascript can do this fairly easy
eg on the pseudo
function checkUncheck(){
var statusCheck = document.myForm.radio;
if(statusCheck.checked == true) {
statusCheck.checked = false;
}
and so on..
tehre should be actual working examples out there for the pluking
_____________________________________________________________________
Where have all my friends gone to????
- Thread starter
- #4
Guys thanks for the help.
"theboyhope"s tip works really well. Too bad the option is to double click and not click only once to select and diselect the item.
"onpnt"s tip did not work probably because did not know exactly where to place the code:-(
"theboyhope"s tip works really well. Too bad the option is to double click and not click only once to select and diselect the item.
"onpnt"s tip did not work probably because did not know exactly where to place the code:-(
Took a bit of fiddling, but try this in a new .html file:
Tested IE6 & NN7
Posting code? Wrap it with code tags: [ignore]
[ignore][/code][/ignore].
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/loose.dtd">[/URL]
<html>
<head>
<title>test bed</title>
<script language="Javascript">
var lastPicked, lastCheckVal;
lastCheckVal = true;
function checkIt(objRadio) {
//if this is the same radio button as was last clicked and was checked last time, deselect it
if (objRadio == lastPicked && lastCheckVal) {
objRadio.checked = false;
lastPicked = 'nothing';
}
//update last-picked references
lastPicked = objRadio;
lastCheckVal = objRadio.checked;
}
</script>
</head>
<body>
<p>
<form name="ignoreThis">
click option again to deselect:<br> |
1 <input type="radio" name="groupA" value="1" onclick="checkIt(this);"> |
2 <input type="radio" name="groupA" value="2" onclick="checkIt(this);"> |
3 <input type="radio" name="groupA" value="3" onclick="checkIt(this);"> |
</form>
</p>
</form>
</body>
</html>Tested IE6 & NN7
Posting code? Wrap it with code tags: [ignore]
Code:
[/ignore][code]CodeHereRadio buttons' default behaviour: max 1 selected in group.
Checkboxes: any amount can be selected in group.
But yes, for 'deselectability' checkboxes are friendlier
Posting code? Wrap it with code tags: [ignore]
[ignore][/code][/ignore].
Checkboxes: any amount can be selected in group.
But yes, for 'deselectability' checkboxes are friendlier
Posting code? Wrap it with code tags: [ignore]
Code:
[/ignore][code]CodeHere- Status
Similar threads
- Locked
- Question
- Locked
- Question
- Locked
- Question
