dennis yang dot com

So Andy thinks that radio buttons should turn off when you click on the selected one again… and after playing with this a bit, it’s kind of intuitive…

Pretty cool, eh? To get radio buttons to kind of work like checkboxes, here’s what I had to do..

First, since the onClick event always evaluates a radio button to “checked” when the radio button was unchecked or checked before you clicked (which is a little weird, but I guess it makes sense since any function you call with onClick happens *after* the click, and therefore .checked would evaluate to true) — anyway, I put an onFocus to set the “ischecked” variable, and then used that to determine whether or not to turn the radio button back off…

so, add:
onFocus="javascript:woop(this);" onClick="javascript:woot(this);"
to all the radio buttons… and then add the javascript functions:


function woop(radiobutton) {
ischecked = radiobutton.checked;
}

function woot(radiobutton) {
if (ischecked) {
radiobutton.checked = false;
ischecked = false;
} else {
ischecked = true;
}
}


W00t! Maybe there’s a simpler way to do this, and if there is, lemme know. Happy Geeky Friday.

This entry was posted on Friday, February 17th, 2006 at 5:08 pm and is filed under code, geeky. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.