El siguiente código lo usé dentro de un sistema cuando deseaba publicar una div con cierto contenido, después de marcar un checkbox que decía "Acepto las cláusulas del contrato".
Si presionaban el checkbox salía el mensaje con otro botón para continuar el proceso, y si no lo hacían no podían continuar.
Esto nos sirve también para desplegar contenido dentro de un elemento (por ejemplo una div) al hacer clic en otro elemento (por ejemplo un botón). Los cuales están referenciados en el JQuery por el atributo ID del elemento en turno.
Si presionaban el checkbox salía el mensaje con otro botón para continuar el proceso, y si no lo hacían no podían continuar.
Esto nos sirve también para desplegar contenido dentro de un elemento (por ejemplo una div) al hacer clic en otro elemento (por ejemplo un botón). Los cuales están referenciados en el JQuery por el atributo ID del elemento en turno.
$(document).ready(function() {
var toogCheck = jQuery('#acepto');
var boton = jQuery('#boton_docs');
$(toogCheck).click(function(event) {
if (toogCheck.is(':checked')) {
boton.show();
} else {
boton.hide();
}
});
});
//#acepto es el id del checkbox que hay que marcar para desplegar la div
// #boton_docs es el div que se mostrará cuando se marque el botón acepto.
ACTUALIZACIÓN
Imaginemos que tenemos dos listas de campos con checkbox. Una se llama Clientes y la otra Proveedores.
Cliente 1
Cliente 2
Cliente 3
Proveedor 1
Proveedor 2
Proveedor 3
Y si deseo poner un botón que al seleccionarlo me marque todos los checkbox del tipo CLIENTE. Y otro botón que al marcarlo (Seleccionar todos) me marque únicamente los tipo proveedor. Se podría hacer con el siguiente código.
ACTUALIZACIÓN
Imaginemos que tenemos dos listas de campos con checkbox. Una se llama Clientes y la otra Proveedores.
Cliente 1
Cliente 2
Cliente 3
Proveedor 1
Proveedor 2
Proveedor 3
Y si deseo poner un botón que al seleccionarlo me marque todos los checkbox del tipo CLIENTE. Y otro botón que al marcarlo (Seleccionar todos) me marque únicamente los tipo proveedor. Se podría hacer con el siguiente código.
$("#selectClientes").click(function(){ // Nuestro botón seleccionar TODOS LOS CLIENTES tendría la ID SelectClientes
var checked_status = this.checked;
$("input[name='cliente[]']").each(function(){ // Nuestro Input Check se llamaría cliente[] es un array de ID de clientes
this.checked = checked_status;
});
});

Comentarios
Publicar un comentario