HTML en castellano. Foros de debate. Javascript html xhtml

Privacidad: Recuerde que la información escrita en los foros de programación es 100% pública y que su ip será registrada asociada a su mensaje. Si encuentra un mensaje fuera de lugar, por favor, notifiquelo para su revisión y eliminación.

Enviado por isct el día 31 de enero de 2005

Hola, ¿Cómmo se hace por javascript para que al pinchar una opción de un radio marcada se desmarque?

Muchas gracias.

Responder

Re: Desmarcar Radio button

Enviado por Jorge el día 31 de enero de 2005

Eso que pretendes no es el comportamiento estandar de los botones de radio.
Se podria hacer, pero ¿por que complicarse la vida? ¿Por que no emplear una casilla de verificacion? Al fin y al cabo parece mas lo que tu necesitas.

De nada.

Responder

Re: Re: Desmarcar Radio button

Enviado por isct el día 31 de enero de 2005

Gracias por tu respuesta, lo que pretendía era aprovecharme de los radio buttons para que las opciones fueran exclusivas.

Responder

Re: Re: Re: Desmarcar Radio button

Enviado por Drocher el día 10 de febrero de 2005

Hola,
He conseguido hacer lo que pides mediante unos campos ocultos asociados a los radiobutton, tal y como puedes vera continuación, seguro que se puede mejorar:

<HTML>
<HEAD>
<TITLE>Desmacar Radio Button</TITLE>

<SCRIPT language="JavaScript">
/* ***********************************************************************************
CUANDO SE EJECUTA: Al seleccionar un radio button
QUE HACE: Si ya esta seleccionado este radio lo deselecciona
*********************************************************************************** */
function Desmarcar(Radio_nombre,value) {
if (value == 'P') {
RadioChecked = eval("form."+Radio_nombre+"[0].checked");
RadioOculto = eval("form."+Radio_nombre+"_P.value");
}
else {
RadioChecked = eval("form."+Radio_nombre+"[1].checked");
RadioOculto = eval("form."+Radio_nombre+"_A.value");
}

if (RadioChecked == true && RadioOculto == "true") {
for (i=0; i<eval("form."+Radio_nombre+".length"); i++)
eval("form."+Radio_nombre+"[i].checked=false");
eval("form."+Radio_nombre+"_P.value=false");
eval("form."+Radio_nombre+"_A.value=false");
return false;
}
if (value == 'P') {
eval('form.'+Radio_nombre+'_P.value="'+RadioChecked+'"');
eval('form.'+Radio_nombre+'_A.value="false"');
}
else {
eval('form.'+Radio_nombre+'_P.value="false"');
eval('form.'+Radio_nombre+'_A.value="'+RadioChecked+'"');
}
}
</SCRIPT>
</HEAD>

<BODY bgcolor="#FFFFFF">

<FORM method="post" action="" name="form" OnKeyDown="eliminaESC()" onKeyPress="eliminaTeclas()">
<TABLE bgcolor="#fafad2" WIDTH="200px" ALIGN="left" border="0" cellpadding="0" cellspacing="2">
<TR>
<TD width="60%">Radio Button 1: </TD>
<TD width="20" >
<INPUT class="ClsNbrCampoAlt" type="radio" name="Radio1" Onclick="JavaScript:Desmarcar(this.name,this.value)" value="P">
<INPUT type="hidden" name="Radio1_P" value="false">
</TD>
<TD width="20%" >
<INPUT class="ClsNbrCampoAlt" type="radio" name="Radio1" Onclick="JavaScript:Desmarcar(this.name,this.value)" value="A">
<INPUT type="hidden" name="Radio1_A" value="false">
</TD>
</TR>
<TR>
<TD width="60%">Radio Button 2: </TD>
<TD width="20%" >
<INPUT class="ClsNbrCampoAlt" type="radio" name="Radio2" Onclick="JavaScript:Desmarcar(this.name,this.value)" value="P">
<INPUT type="hidden" name="Radio2_P" value="false">
</TD>
<TD width="20%" >
<INPUT class="ClsNbrCampoAlt" type="radio" name="Radio2" Onclick="JavaScript:Desmarcar(this.name,this.value)" value="A">
<INPUT type="hidden" name="Radio2_A" value="false">
</TD>
</TR>
</TABLE>
</FORM>

</BODY>

</HTML>

Responder

Re: Re: Re: Re: Desmarcar Radio button

Enviado por vhs el día 10 de febrero de 2005

supongamos que el nombre del radio es radio, y que esta en un formulario que se llama form.

como los radio si tienen el mismo nombre, pasan a ser un arreglo. trabajamos con indices,
por ejemplo
window.form.radio[0].checked='true';
window.form.radio[1].checked='false';
window.form.radio[2].checked='false';

ahi dejamos el primero seleccionado.

y para ocultar tablas es la siguiente sintaxis
supongamos que tiene el nombre tabla

tabla.style.display="none";--->oculta.
tabla.style.display="";--->Muestra.

Responder

Re: Re: Re: Re: Re: Desmarcar Radio button

Enviado por isct el día 26 de febrero de 2005

Muchas gracias por las respuestas, voy a intentarlo.

Responder

Re: Re: Re: Re: Re: Re: Desmarcar Radio button

Enviado por John el día 6 de junio de 2008

Hola!

Tengo el mismo problema con los RadioButton, los utilizo para aprovechar la exclusión entre ellos, pero una vez que lo marcas, no puedo desmarcarlo...
He visto las respuestas, para JavaScript, Alguien sabra como hacerlo con SharePoint con C#, pues estoy creando un template para el radiobutton, el cual pinto desde el SPRender...

Gracias de antemano!

Responder