Limita el número de checkbox que se pueden marcar

Lo bueno que tiene jQuery es que podemos extender la librería de forma muy sencilla, y hoy la vamos a extender para añadir una función que nos va a permitir limitar el número máximo de checkbox marcados, algo que puede resultar realmente interesante.

Primer paso: Añadir la función limitarCheckbox a jQuery:

$.fn.limitarCheckbox = function(num) {

var check = this;

this.click(function(){ return (check.filter(“:checked”).length<=num); });      /* Cogemos el número de check marcados y vemos si superan nuestro parámetro */
}
Segundo paso: Ejecutamos la función en el document.ready()
$(“input:checkbox”).limitarCheckbox(6);
/* Podemos usar un selector cualquiera siempre que tenga checkboxes… y podéis limitarlo a lo que queráis */
Espero que os sirva para algún proyecto, yo lo he tenido que hacer por pura necesidad ahora mismo y no he podido evitar postearlo para vosotros, ¡creativos del mundo!

2 comentarios

  1. puedes especificar un poco más como? algun ejemplod e código más completo?

  2.   Santigo dijo

    GENIAL!, gracias por el aporte, ando comenzando con php, jQuery y javaScrit y me ayudaste a entender como aplicarlo a otras funciones, gracias!!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *