Deseleccionar un radio button

[sk-miles]

No he encontrado solución para esto, espero que los expertos de este foro sepan ayudarme.

El tema es que una vez pulses una de las opciones de un radio button, no hay manera de deseleccionar la opcion elegida y dejar el radio button como estaba al principio.
Por ejemplo, en el codigo para realizar un test, donde una respuesta incorrecta reste puntos, puede que se quiera dejar en blanco (ningun radio button activado) despues de haber elegido ya uno. He conseguido solucionar esto haciendo doble click en el radio button con el siguiente código:

<script language="JavaScript">
<!--
function uncheckRadio(rbutton,i) {
if(rbutton[i].checked == true)
rbutton[i].checked = false;
}
//-->
</script>


<input type="radio" name="radio" value="1" onDblClick="uncheckRadio(this.form.radio,0)">opcio n 1
<input type="radio" name="radio" value="2" onDblClick="uncheckRadio(this.form.radio,1)">opcio n 2
<input type="radio" name="radio" value="3" onDblClick="uncheckRadio(this.form.radio,2)">opcio n 3
<input type="radio" name="radio" value="4" onDblClick="uncheckRadio(this.form.radio,3)">opcio n 4


La solución que me gustaria es haciendo click normal, no dobleclick.
Si alguien me puede ayudar, muchas gracias.

[KarlanKas]

Prueba esto:

<script language="JavaScript">
<!--
function uncheckRadio(rbutton) {
rbutton.checked=(rbutton.checked)?false:true;
}
//-->
</script>

Y en los radio pon esto:

<input type="radio" name="radio" value="4" onDblClick="uncheckRadio(this)">opcion 4

Así te ahorras código

[KarlanKas]

nopes! No va...

[KarlanKas]

Ya está!

Así:
<script language="JavaScript">
<!--
var era;
function uncheckRadio(rbutton){
if(rbutton.checked==true && era==true){rbutton.checked=false;}
era=rbutton.checked;
}
//-->
</script>

y en el form como te he dicho antes:
<input type="radio" name="radio" value="4" onclick="uncheckRadio(this)">opcion 4

Dime que tal!

[sk-miles]

Gracias KarlanKas, funciona! pero el problema viene cuando tienes activado otro radio button del mismo grupo y lo quieres cambiar, al pulsar sobre otor radio button lo que hace es dejarlos en blanco y has de pulsar otra vez para seleccionarlo, con lo que tienes que hacer dobleclick igualmente, antes para deseleccionarlo ahora para seleccionarlo.
Seguire probando, gracias.

Por cierto, lo que quiero conseguir se podria aplicar aqui mismo, me he dado cuenta de que cuando eliges un icono para los mensajes, esta la opcion "Sin icono", ya que una vez elegido un icono, no hay manera de deseleccionar el radio button.

[KarlanKas]

Prueba con esto:

<script language="JavaScript">
<!--
var era;
var previo=null;
function uncheckRadio(rbutton){
if(previo &&previo!=rbutton){previo.era=false;}
if(rbutton.checked==true && rbutton.era==true){rbutton.checked=false;}
rbutton.era=rbutton.checked;
previo=rbutton;
}
//-->
</script>
<input type="radio" name="radio" value="4" onclick="uncheckRadio(this)">opcion 4
<input type="radio" name="radio" value="2" onclick="uncheckRadio(this)">opcion 4

[sk-miles]

Eres un fiera KarlanKas ahora si que funciona, muchas gracias.
Me ha traido de cabeza esta tonteria, lo que no entiendo es como no viene de casa con los radio buttons esta sencilla funcionalidad.

Taluec y gracias de nuevo.

[KarlanKas]

De nada, ha sido muy divertido!