¿Cómo limitar la casilla de verificación marcada con el complemento icheck jquery? - javascript, jquery

Cómo limitar la casilla de verificación marcada con el complemento iCheck jquery. Por favor verifique con jsfiddle

$("input").iCheck({
checkboxClass: "icheckbox_flat-green",
radioClass: "iradio_flat-green",
labelHover: true,
});
});

https://jsfiddle.net/s9916jpy/2/

Respuestas

MANIFESTACIÓN

Añadir un ifChecked evento a todo el checkbox con su clase común, es decir .men_checkbox y verifica si checked checkbox la longitud es mayor o igual que limit el cual es un variable global como a continuación:

var limit=4; //change according to your need

$(".men_checkbox").on("ifChecked",function(){
var checkboxes = $("input:checkbox");//get all the checkbox
if (checkboxes.filter(":checked").length >= limit) {
//if limit is reached disbaled all except checked and #man7
//else put an alert here instead of below lines.
checkboxes.not(":checked,#man7").iCheck("disable");
} else {
//else enable it all
checkboxes.not(":checked").iCheck("enable");
}
});

ACTUALIZAR

Para mostrar un alert solo necesita evitar su acción predeterminada usando e.preventDefault() y mostrar el alert. Verifique el siguiente código y esto MANIFESTACIÓN

$(".men_checkbox").on("ifChecked",function(e){
var checkboxes = $("input:checkbox");
var $this=$(this);
if (checkboxes.filter(":checked").length > limit) {
alert("Max limit reached");
setTimeout(function(){
$this.iCheck("uncheck");
},1);
}
});