come limitare la casella di controllo controllata usando il plugin jichy di jicho? - javascript, jquery

Come limitare la casella di controllo selezionata utilizzando il plugin jQuery iCheck. Si prega di controllare con jsfiddle

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

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

risposte:

DEMO

Aggiungi un ifChecked evento a tutti checkbox con la sua classe comune, ad es. .men_checkbox e controlla se checked checkbox la lunghezza è maggiore o uguale a limit il quale è un variabile globale come sotto:

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");
}
});

AGGIORNARE

Per visualizzare un file alert devi solo impedire la sua azione predefinita usando e.preventDefault() e visualizzare il alert. Controlla sotto il codice e questo DEMO

$(".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);
}
});