Deselect a radio button
With this simple code, users can use a double click to deselect a radio button. This saves developers from creating an extra user interface component.
With this simple code, users can use a double click to deselect a radio button. This saves developers from creating an extra user interface component.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Deselect A Radio Button</title> <script language="JavaScript" type="text/JavaScript"> <!-- function uncheckRadio() { var choice = document.form1.RadioGroup1; for (i = 0; i < choice.length; i++) { if ( choice[i].checked = true ) choice[i].checked = false; } } //--> </script> </head> <body> <form name="form1" method="post" action=""> <p> <label> <input type="radio" name="RadioGroup1 " value="1" ondblclick="uncheckRadio();"> Apple</label> <br> <label> <input type="radio" name="RadioGroup1" value="2" ondblclick="uncheckRadio();"> Orange</label> <br> <label> <input type="radio" name="RadioGroup1" value="3" ondblclick="uncheckRadio();"> Grape</label> </p> </form> </body> </html>
Do you have comments on this tip? Let us know.
This tip was submitted to the SearchDomino.com tip exchange by member Hannie Fan. Please let others know how useful it is via the rating scale below. Do you have a useful Notes/Domino tip or code to share? Submit it to our monthly tip contest and you could win a prize and a spot in our Hall of Fame.