Deshabilitar un control input radio

oscartazzz · #1 (**permalink**) 17/09/2012, 17:35

Hola que tal amigos, tengo la siguiente duda:
Quiero habilitar y deshabilitar un "input radio" desde otro "input radio"
el codigo que estoy usando para habilitar y deshabilitar "text" es el siguiente

Código HTML:

Ver original<input type="radio" value="Pesos" name="ord2Mon" onclick = "ord2PedFac.disabled=this.selected; ord2TipCam.disabled=this.selected ">Pesos
<input type="radio" value="Dolares" name="ord2Mon" onclick = "ord2PedFac.disabled=!this.selected; ord2TipCam.disabled=!this.selected ">Dólares
<br>
<input type="radio" value="Pedido" name="ord2PedFac" id="ord2PedFac" Disabled>Pedido
<input type="radio" value="Factura" name="ord2PedFac" id="ord2PedFac"Disabled>Factura
<br>
Tipo de Cambio
<br>
Tipo de cambio
<input type="text" name="ord2TipCam" id="ord2TipCam" maxlength="3" size="3" onkeypress="return justNumbers(event);" Disabled>

Como se podran dar cuenta, el "ord2TipCam" me lo deshabilita y habilita perfectamente al presionar el radio "ord2Mon", pero los radios "ord2PedFac" no hace nada.

que estoy haciendo mal, como puedo solucionar este problema.
Espero puedan ayudarme pues no encuentro como hacerlo, ojala pudieran darme un ejemplo

vdaniel07 · #2 (**permalink**) 18/09/2012, 07:54

quita los disabled del final y si estas utilizando el id por temas de estilo te recomendaria cambiarlo por clases.

Un saludo.

oscartazzz · #3 (**permalink**) 18/09/2012, 10:54

Cita:

Iniciado por vdaniel07

quita los disabled del final y si estas utilizando el id por temas de estilo te recomendaria cambiarlo por clases.

Un saludo.

Primero que nada gracias por responder, pero ya lo intente quitando "Disabled", y no funcionan, no se deshabilitan, siempre quedan activados, y lo que me mencionas sobre estilos pues la verdad no lo se hacer, que otra solucion puede haber?
Saludos

Alexis_Mejias · #4 (**permalink**) 20/09/2012, 14:25

Esta es una sugerencia espero te sirva.

Saludos,

Código:

<input type="radio" value="Pesos" name="ord2Mon" onclick="document.getElementById('ord2PedFac').disabled=false; document.getElementById('ord2TipCam').disabled=false">Pesos
<input type="radio" value="Dolares" name="ord2Mon" onclick = "document.getElementById('ord2PedFac').disabled=true; document.getElementById('ord2TipCam').disabled=true">Dólares
<br>
<input type="radio" value="Pedido" name="ord2PedFac" id="ord2PedFac" Disabled>Pedido
<input type="radio" value="Factura" name="ord2PedFac" id="ord2PedFac"Disabled>Factura
<br>
Tipo de cambio
<input type="text" name="ord2TipCam" id="ord2TipCam" maxlength="3" size="3" onkeypress="return justNumbers(event);" Disabled>

emprear · #5 (**permalink**) 20/09/2012, 21:01

El planteo me parece algo confuso, por lo pronto los id de los elementos deben ser únicos

Ej:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<script type="text/javascript">
//<![CDATA[
/* script */
function deshabilitar(){
document.getElementById('c').disabled = true;
}
function habilitar(){
document.getElementById('c').disabled = false;
}
//]]>
</script>
</head>
<body>
<form action="#">
<label for="a">A</label><input type="radio" id="a" name="grupo" onclick="deshabilitar()"/>
<label for="b">B</label><input type="radio" id="b" name="grupo" onclick="habilitar()"/> <br />
<label for="c">C</label><input type="radio" id="c" name="grupo"/>
</form>
</body>
</html>

Saludos