Buen día:
Con la siguiente función realizo una validación que me permite seleccionar checkbox segun la cantidad de llaves que tenga.
var total = 0;
var total_descuento=0;
var cantidad_llaves = localStorage.getItem('Cant_llaves');
console.log("ESTE ES EL TOTAL DE CANTIDADES LLAVES: "+cantidad_llaves);
$('#cupones_bienvenida').on('click','.cupon_check', function(e){
var cupones = $(this).closest('.cupones');
var cod_cupon = cupones.find('.cod_cupon').text();
var tipo_cupon = cupones.find('.tipo_cupon').text();
var sub_tipo = cupones.find('.sub_tipo').text();
var descuento_cupon = cupones.find('.descuento_cupon').text();
var vencimiento = cupones.find('.vencimiento').text();
console.log(idPedido,cod_cupon,tipo_cupon,sub_tipo,descuento_cupon,vencimiento);
if (cantidad_llaves>0){
if($(this).is(':checked')) {
total++;
total_descuento=parseInt(descuento_cupon)+total_descuento;
agregarCupon(idPedido,cod_cupon,tipo_cupon,sub_tipo,descuento_cupon,vencimiento);
} else {
total--;
total_descuento=total_descuento-parseInt(descuento_cupon);
eliminarCupon(idPedido, cod_cupon, tipo_cupon);
}
if (total>cantidad_llaves){
myApp.alert("No tiene permitido seleccionar mas cupones segun sus llaves");
$(".cupon_check").prop( "disabled", true )
}
console.log(total);
console.log(total_descuento);
$$('.totalDescuento').text(total_descuento);
} else{
myApp.alert('No tiene llaves disponibles')
}
});
Suponiendo que tenga cantidad_llaves = 2;
esto me permitira seleccionar unicamente 2 checkbox, entonces al llegar a esta condicion:
la variable total
, lleva la cantidad de checkbox selecionados.
if (total>cantidad_llaves){
myApp.alert("No tiene permitido seleccionar mas cupones segun sus llaves");
$(".cupon_check").prop( "disabled", true )
}
Me debe deshabilitar los checkbox que no fueron seleccionados y asi mismo descheckear el 3 check que active y pues tambien deshabilitarlo.
en esta linea $(".cupon_check").prop( "disabled", true )
deshabilito todos y eso no quiero.
Gracias.