Comunidad de diseño web y desarrollo en internet online

No puedo realizar funciones con .css() en jquery

Citar            
MensajeEscrito el 16 Dic 2016 05:09 pm
Estoy aprendiendo jquey y no se por qué las funciones para cambiar css [.css()] no se ejecutan en en navegador.

El siguiente codigo en un formulario, en que al seleccionar un checkbox aparezcan más campos para completar

Código HTML :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="js/jquery.js"></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>


Pero no se por qué no se ejecutan:

Código Javascript :

$("#formulariomayores").css("display", "block");

y

Código Javascript :

$("#formulariomayores").css("display", "none");

Por AloneWolf

0 de clabLevel



 

firefox
Citar            
MensajeEscrito el 16 Dic 2016 10:18 pm
Prueba mirando que te devuelve el attributo

console.log("EL checbox esta en "+$("#mayoria_edad").attr("checked"))

SI dice true debería mostrarse

Jorge

Por solisarg

BOFH

13396 de clabLevel

4 tutoriales
5 articulos

Genero:Masculino   Bastard Operators From Hell Premio_Secretos

Argentina

firefox
Citar            
MensajeEscrito el 09 Ene 2017 01:03 pm
El error es muy sencillo...

Vos estás escribiendo: css()
Y en realidad deberías escribir: css({})

Te dejo un ejemplo.

Código :

$(e).css({
    "position" : "relative",
    "top" : "10px",
    "color" : "#fff",
    "background" : "#000"
}):

Por skollprog

1 de clabLevel



Genero:Masculino  

WebDeveloper

firefox

   Página 1 de 1

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.