> Faqs > Falla en jquery al mostrar/ocultar HTML

Falla en jquery al mostrar/ocultar HTML

Saludos, vi un ejemplo en este portal sobre como usar JQUERY para mostrar / ocultar un codigo a pesar que lo verifique por consola, no tiene el comportamiento que debiera


<html>
<head>
   <title>Mostrar Ocultar</title>
   
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>

<script>
$(document).ready(function(){
   $("#mayoria_edad").click(function(evento){
      if ($("#mayoria_edad").attr("checked")){
         $("#formulariomayores").css("display", "block");
      }else{
         $("#formulariomayores").css("display", "none");
      }
   });
});
</script>
</head>

<body>

<form>
Nombre: <input type="text" name="nombre">
<br>
<input type="checkbox" name="mayor_edad" value="1" id="mayoria_edad"> Soy mayor de edad
<br>
<div id="formulariomayores" style="display: none;">
Dato para mayores de edad: <input type="text" name="mayores_edad">
</div>
</form>

</body>
</html>

Respuestas

Buenas,

En la comprobación si el checkbox está seleccionado o no, es:

$("#mayoria_edad").attr("checked","checked")

Saludos.

Cristian
125 6 13