Tema: Mostrar checkbox al activar un checbox
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 23/02/2010, 06:52
quimfv
Colaborador
  
Fecha de Ingreso: marzo-2008
Ubicación: Sabadell
Mensajes: 4.897
Antigüedad: 16 años, 10 meses
Puntos: 574
Respuesta: Mostrar checkbox al activar un checbox
Código HTML: 
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <title>Documento sin t&iacute;tulo</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6. <script language="JavaScript" type="text/JavaScript">
  7.  
  8. function muestra(obj){
  9. if(obj.checked){
  10.     document.getElementById("botones").style.display="";
  11. }else{
  12.     document.getElementById("botones").style.display="none";
  13. }
  14. }
  15. </script>
  16. </head>
  17.  
  18. <body>
  19. <td width="122">
  20. <label for="ocupacion"><strong>Periodicity:</strong></label>
  21. <strong> </tr>
  22. <tr>
  23. <td>&nbsp;</td>
  24. <td width="124"><label>
  25. <input name="Montly" type="checkbox" onChange="muestra(this)"/>
  26. Montly </label></td>
  27. <td width="419"><span id="botones" style="display:none">Plase charge: every
  28. <input name="9th" type="checkbox" />
  29. 9th o the
  30. <input name="20th" type="checkbox" />
  31. 20th</span></td>
  32. <td width="117">&nbsp;</td>
  33. </tr>
  34. <tr>
  35. <td>&nbsp;</td>
  36. <td><label>
  37. <input name="Trimonthly" type="checkbox" />
  38. Trimonthly </label></td>
  39. <td></td>
  40. <td>&nbsp;</td>
  41. </tr>
  42. <tr>
  43. <td>&nbsp;</td>
  44. <td><label>
  45. <input name="Semestral" type="checkbox" />
  46. Semestral </label></td>
  47. <td></td>
  48. <td>&nbsp;</td>
  49. </tr>
  50. <tr>
  51. <td>&nbsp;</td>
  52. <td><label>
  53. <input name="Annual" type="checkbox" />
  54. Annual </label></td>
  55. <td></td>
  56. <td>&nbsp;</td>
  57. </tr>
  58. <tr>
  59. <td>&nbsp;</td>
  60. <td><label>
  61. <input name="Other" type="checkbox" />
  62. Other </label></td>
  63. <td></td>
  64. <td>&nbsp;</td>
  65. </tr>
  66. </table>
  67. </body>
  68. </html>

Te sirve?

Quim