radio button que habilita otros radiobutton

yohannya · #1 (**permalink**) 23/11/2011, 15:21

Hola a todos, estoy haciendo un formulario que contiene varios radio button y no he podido hacer que al escoger uno de los radio button por ejempo activo, se habiliten otros radio button que se encuentran relacionados con este, y al seleccionar por ejemplo inactivo no se habiliten, porfa les agradecería muchisimo que me ayudaran……de ante mano GRACIAS

emprear · #2 (**permalink**) 23/11/2011, 16:51

Po lo que veo vos no querés recuperar el valor del radiobutton sino simplemente que al clickear uno de un grupo, se marque otro de otro grupo, asi es más simple todavia, aunque no le encuentro mucho sentido, proba esta script

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[
function establecer(opcion){
var seleccion = document.getElementById(opcion).checked;
if(seleccion == false){
document.getElementById(opcion).checked = true;
}else{
document.getElementById(opcion).checked = false;
}
}
//]]>
</script>
</head>
<body>
<form action="#">
<p>Colores</p>
<p>
<label><input value="rojo" name="color" type="radio" onclick="establecer('manzana');"> Rojo</label> 
<label><input value="verde" name="color" type="radio" onclick="establecer('sandia');"> Verde</label>
</p>
<p>Frutas</p>
<p>
<label><input value="manzana" name="fruta" id="manzana" type="radio">Manzana</label>
<label><input value="2" name="fruta" id="sandia" type="radio">Sandia</label>
</p>
</form>
</body>
</html>

Saludos

caricatos · #3 (**permalink**) 23/11/2011, 17:06

Hola:

Simplificando el código de emprear:

Código:

function establecer(opcion)	{
	var seleccion = document.getElementById(opcion).checked;
	document.getElementById(opcion).checked = !seleccion;
}

Bueno, también podría quedar en una sola línea, pero más larga.

Saludos

yohannya · #4 (**permalink**) 24/11/2011, 07:08

Hola chicos gracias por responderme pero creo que no me expliqué bien lo que tengo es lo siguiente: dos radio button uno dice activa y el otro inactiva, el que seleccione el usuario debe guardarse, pero además en caso que seleccione activa aparezcan dos radio button adicionales que se relacionan a ese como button hijos, estos no se veían en el momento pero cuando el usuario cliché en activa aparezcan estos que se llaman lleno, vacío y también se guarden, espero mucho que así se entienda y les agradezco muchísimo su ayuda…..GRACIAS

yohannya · #5 (**permalink**) 24/11/2011, 14:06

Hola Chicos queria comentarles que conseguí algo parecido y me funciona un poco pero le falta que me deshabilite unos text que están conjuntamente con los radio button, de verdad ya intente lo poco que se pero aun nada, les dejo lo que tengo para ver si alguno sabe cómo ayudarme....GRACIAS

<script languaje="javascript">

function habilita(form)

{
form.intereses[0].disabled = false;
form.intereses[1].disabled = false;
form.intereses[2].disabled = false;
}

function deshabilita(form)
{
form.intereses[0].disabled = true;
form.intereses[1].disabled = true;
form.intereses[2].disabled = true;
}
</script>

El Formulario...

<form name="ejemplo1">

¿Desea suscribirse a nuestro boletín de novedades? <br>

<input type="radio" name="boletin" value="si" checked onClick="habilita(this.form)"> SI, quiero suscribirme.

<input type="radio" name="boletin" value="no" onClick="deshabilita(this.form)"> No, gracias.

<br><br>

Seleccione los temas de su interés:<br>

<input type="radio" name="intereses" value="Arte y Cultura">
Arte y Cultura
<label>
<input type="text" name="text" id="text" >
</label>
<br>

<input type="radio" name="intereses" value="Ciencia">
Ciencia
<label>
<input type="text" name="text" id="text" >
</label>
<br>

<input type="radio" name="intereses" value="Música">Música
<label>
<input type="text" name="text" id="text" >
</label>
<br>

</form>

como ven es un ejemplo de lo que estoy haciendo y si deshabilita los sub radio pero me deja los text habilitados...Porfa ayuda...........GRACIAS

emprear · #6 (**permalink**) 24/11/2011, 15:49

yohannya
Eso que estás haciendo no está bien, imagina que el usuario selecciona ciencia primero y después, te tilda el no, gracias, aunque le hagas un disable a ciencia, el valor va a ser true, tampoco entiendo el objeto de los campos de texto, con que tilden un radiobutton de los de abajo vas a recibir el valor para intereses.
Tampoco veo una indicación muy clara de que el "subscribirse a novedades" esté vinculado com los radio de abajo.
¿Y si tiene más de un interés? Ciencia y Música por ejemplo?, o son excluyentes?
Yo te diría que para la oción de subscripción uses un checkbox, y que para los valores de abajo otro grupo de checkboxes, podés hacerlo mas vistoso, mostrando u ocultando los cheboxes inferiores al alternar el click en el checkbox superior, pero es solo estético, porque si en el procesamiento de tus datos es mandatorio que para que los checkbox inferiores deban ser evaluados solo si está tildado el checkbox superior, eso lo filtrás directamente en el php. Me explico?

Saludos

yohannya · #7 (**permalink**) 25/11/2011, 14:05

Si emprear tienes mucha razón en eso, pero de verdad hay muchos de esos detalles que no se cómo solucionar, aunque ese no es realmente mi formulario, te muestro el código que tengo a ver si puedes o puede alguien ayudarme, en realidad los primero radio button van a ser para decirme si el galpón está activo o inactivo, si está activo, deberían habilitarse los otros radio button para indicar si actualmente está lleno o vació, y los campos de texto es para que indiquen de que fecha está lleno o vacío, en cambio si está inactivo se deshabilitan los radio button de abajo y los campos...

<script languaje="javascript">

function habilita2(form)

{
form.sit_tda[0].disabled = false;
form.sit_tda[1].disabled = false;
form.sit_tda[2].disabled = false;
}

function deshabilita2(form)
{
form.sit_tda[0].disabled = true;
form.sit_tda[1].disabled = true;
form.sit_tda[2].disabled = true;
}
</script>

<script languaje="javascript">

function habilita(form)

{
form.textfecha_lv[0].disabled = false;
form.textfecha_lv[1].disabled = false;
form.textfecha_lv[2].disabled = false;
}

function deshabilita(form)
{
form.textfecha_lv[0].disabled = true;
form.textfecha_lv[1].disabled = true;
form.textfecha_lv[2].disabled = true;
}
</script>

//////////////////////////////////

<input type="radio" name="sta_tda" id="sta_tda" value="ACTIVA"
<?php if ($sta_tda=="Activa") echo "checked='checked'"; ?> onClick="habilita(this.form)" />
</span> <span class="Estilo40">Inactiva
<input type="radio" name="sta_tda" id="sta_tda" value="INACTIVA"
<?php if ($sta_tda=="Inactiva") echo "checked='checked'";?> onClick="deshabilita(this.form)" />

<input type="radio" name="sit_tda" id="sit_tda" value="LLENA"
<?php if ($sit_tda=="llena") echo "checked='checked'";?> onClick="habilita(this.form)"/>
<input name="textfecha_lv" type="text" id="textfecha_lv" value="<?php echo $textfecha_lv; ?>" size="8" >

Vacía
<input type="radio" name="sit_tda" id="sit_tda" value="VACIA"
<?php if ($sit_tda=="vacia") echo "checked='checked'";?> onClick="habilita(this.form)" />
<input name="textfecha_lv" type="text" id="textfecha_lv" value="<?php echo $textfecha_lv; ?>" size="8" >

como puedes ver requiero que el formulario indique si está activa(lo guarde) habilite llena o vacía (lo guarde) y los campos de texto para indicar de que fecha, mientras si está inactiva no habilieta los siguientes radio button ni sus campos de texto.

este código no me funciona bien porque aun me deja habilitado los radio button, además no quiere guardar la fecha en caso de llena y permite clikear llena o vacía antes de dicir si está o no activa.....chicos les agradecería un monton su colaboración gracias....