martes, 29 de enero de 2013

Seleccionar Todos los Checkbox


Seleccionar todos los CheckBox o Input checkbox con jQuery

Buen día una forma de seleccionar todos los checkbox o input type checkbox podemos hacer muy simple.


$('#DivColores input[type=checkbox]').attr("checked","checked");
Ejemplo:

Pues bien para hacer esto solamente necesitamos el siguiente código.

<html> <head> <script type="text/javascript" src="jquery-1.9.0.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#BtnSeleccionar').click(function(){ $('#DivColores input[type=checkbox]').attr("checked","checked"); }); }); </script> </head> <body> <input type="button" id="BtnSeleccionar" value="Seleccionar todos"/> <div id="DivColores"> Rojo<input type="checkbox" name="Colores" value="Rojo"/> Verde<input type="checkbox" name="Colores" value="Verde"/> Azul<input type="checkbox" name="Colores" value="Azul"/> Negro<input type="checkbox" name="Colores" value="Negro"/> </div> </body> </html>

jueves, 24 de enero de 2013

Introducción a css

CSS son las hojas de estilo en cascada la cual nos permite separar el contenido de la presentación es decir separa todo los estilos de las elementos HTML, de esa forma estará todo mas ordenado

En este apartado de CSS aprenderemos todos los estilos que podemos usar en CSS 2.0 y CSS 3
Sin mas preámbulos comenzamos con los selectores de CSS.

Mostrar el texto de un input text

$("#TxtNumero").val();
Introduccion a jQuery

Como todos sabemos en el avance tecnologico del desarrollo web, tenemos un framework muy usado y muy popular llamado jQuery la web oficial es www.jquery.com.

En este apartado veremos todo en cuanto a jQuery la forma de uso versiones, errores, ajax, y algunas incompatibilidades de navegadores.

jQuery

jQuery es un framework creado en JavaScript el cual nos ayuda mucho en las tareas de desarrollo para web su forma de uso es muy pero muy simple.

Ejemplo: index.hml

<html>
    <head>
        <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                alert('Hola Mundo');
            });
        </script>
    </head>
</html