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!

Comparte para difundir

Si te ha gustado nuestro contenido ahora puedes ayudar a difundirlo en las redes sociales de manera sencilla usando los siguientes botones:

Envía
Pinea
Print

Categorías

Javascript, jQuery

Una de mis pasiones es el diseño, y de hecho trabajo como diseñador de interfaces para aplicaciones de iOS, además de hacer de vez en cuando diseño web. Intentaré trasladar todo lo útil que encuentre con la web a vosotros, y espero que también os resulte realmente fascinante el mundo del diseño.

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 *

*

*

  1. Responsable de los datos: Miguel Ángel Gatón
  2. Finalidad de los datos: Controlar el SPAM, gestión de comentarios.
  3. Legitimación: Tu consentimiento
  4. Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal.
  5. Almacenamiento de los datos: Base de datos alojada en Occentus Networks (UE)
  6. Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.