Mostrar checkbox al activar un checbox

tommylogan · #1 (**permalink**) 22/02/2010, 21:02

Hola amigos:

En verdad les agradezco que pasne por aqui ahora que necesito de su ayuda, el problema es el siguiente:

Tengo unos Checkbox con los siguientes datos:

Montly
Trimonthly
Semestral
Annual
Other

Necesito que cuando "selecciones" Montly aparezcan dos checkboxes uno con 9th y el otro con 20th

Alguien me podria ayudar a lograrlo

Gracias

P.D. cabe mencionar que esto esta dentro de un formulario mas grande, aquí les dejo algo del codigo.

Cita:

<td width="122">
<label for="ocupacion"><strong>Periodicity:</strong></label>
<strong> </tr>
<tr>
<td> </td>
<td width="124"><label>
<input name="Montly" type="checkbox" />
Montly </label></td>
<td width="419">Plase charge: every
<input name="9th" type="checkbox" />
9th o the
<input name="20th" type="checkbox" />
20th</td>
<td width="117"> </td>
</tr>
<tr>
<td> </td>
<td><label>
<input name="Trimonthly" type="checkbox" />
Trimonthly </label></td>
<td></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><label>
<input name="Semestral" type="checkbox" />
Semestral </label></td>
<td></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><label>
<input name="Annual" type="checkbox" />
Annual </label></td>
<td></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><label>
<input name="Other" type="checkbox" />
Other </label></td>
<td></td>
<td> </td>
</tr>
</table>

quimfv · #2 (**permalink**) 23/02/2010, 06:52

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
 
function muestra(obj){
if(obj.checked){
    document.getElementById("botones").style.display="";
}else{
    document.getElementById("botones").style.display="none";
}
}
</script>
</head>
 
<body>
<td width="122">
<label for="ocupacion"><strong>Periodicity:</strong></label>
<strong> </tr>
<tr>
<td>&nbsp;</td>
<td width="124"><label>
<input name="Montly" type="checkbox" onChange="muestra(this)"/>
Montly </label></td>
<td width="419"><span id="botones" style="display:none">Plase charge: every
<input name="9th" type="checkbox" />
9th o the
<input name="20th" type="checkbox" />
20th</span></td>
<td width="117">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><label>
<input name="Trimonthly" type="checkbox" />
Trimonthly </label></td>
<td></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><label>
<input name="Semestral" type="checkbox" />
Semestral </label></td>
<td></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><label>
<input name="Annual" type="checkbox" />
Annual </label></td>
<td></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><label>
<input name="Other" type="checkbox" />
Other </label></td>
<td></td>
<td>&nbsp;</td>
</tr>
</table>
</body>
</html>

Te sirve?

Quim

tommylogan · #3 (**permalink**) 23/02/2010, 21:32

Muchisimas gracias amigo. . . .

De verdad es que Java no se me da.

Nuevamente "Gracias Totales" pero ahora surgio un nuevo problema. . .

De verdad me disculpo pero como le hago para que cuando selecciones 9th no puedas seleccionar 20th??

Y si cambias de idea puedas "desseleccionar 9th y seleccionar 20th

Me encontre este ejemplo pero esta al revez de lo que necesito hacer, me podrías ayudar a adaptarlo?:

Cita:

function pulsado() {
uno_c=document.getElementById("9th").checked;
document.getElementById("20th").disabled=uno_c;
}
</script>
<body>

<input type="checkbox" id="9th" name="9th" onmouseup="pulsado()" /> 9th or every
<input type="checkbox" id="20th" name="20th" disabled="false" />20th<br />

</body>

quimfv · #4 (**permalink**) 24/02/2010, 01:45

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
 
function muestra(obj){
if(obj.checked){
    document.getElementById("botones").style.display="";
}else{
    document.getElementById("botones").style.display="none";
}
}
</script>
</head>
 
<body><table width="100%" border="0" cellspacing="0" cellpadding="0">
<td width="122">
<label for="ocupacion"><strong>Periodicity:</strong></label>
<strong> </tr>
<tr>
<td>&nbsp;</td>
<td width="124"><label>
<input name="Montly" type="checkbox" onChange="muestra(this)"/>
Montly </label></td>
  <td width="419"><span id="botones" style="display:none"><table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>Plase charge: every </td>
    <td><input type="radio" name="GrupoOpcionesMontly" value="9"></td>
    <td>9th o the</td>
    <td><input type="radio" name="GrupoOpcionesMontly" value="20"></td>
    <td>20th</td>
  </tr>
</table>
    </span></td>
<td width="117">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><label>
<input name="Trimonthly" type="checkbox" />
Trimonthly </label></td>
<td></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><label>
<input name="Semestral" type="checkbox" />
Semestral </label></td>
<td></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><label>
<input name="Annual" type="checkbox" />
Annual </label></td>
<td></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><label>
<input name="Other" type="checkbox" />
Other </label></td>
<td></td>
<td>&nbsp;</td>
</tr>
</table>
</body>
</html>

Por cierto esto es javascript no java... y la solución que te doy ahora es html sencillito....

Quim

tommylogan · #5 (**permalink**) 24/02/2010, 19:59

Mi estimado quimfv:

Muchas gracias por tu ayuda, tenía el problema de que cuando enviaba el formulario no me mandaba la opcion elegida, pero lo solucione poniendo una lista con las opciones.

Muchas Gracias por tu valiosa ayuda.

Saludos