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!
Mejora el rendimiento de tu web
Te enseñamos cómo crear tu web con WordPress y cómo conseguir mucho tráfico en poco tiempo:
Crear un blog con WordPressPasa de 0 a 5.000 visitas en tu web

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!!

Escribe un comentario