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!

Deja tu 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.

      Luardo Luis Eduardo dijo

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

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