Programadores aqui, Todo en cuanto a programacion: Seleccionar Todos los Checkbox

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>