1

De la siguiente forma obtengo una lista con sus respectivos checkbox

var cupones_bienvenida_todos = $('.cupones_bienvenida_todos');
                        var tipoCupon ='';

                        $.each(response.data, function (i) {
                            if (response.data[i].Tipo_cupon == 1){
                                tipoCupon = "Cupón de 60%";
                            }
                            else if(response.data[i].Tipo_cupon == 1){
                                tipoCupon = "Cupón de 80%";
                            }
                            else{
                                tipoCupon = "Cupón de 100%";
                            }


                              $('<tr class="cupones"/>')
                                    .append($('<td/>').addClass('nuevo-td')
                                        .append($('<label/>').addClass('label-radio item-content').text(response.data[i].Cod_Cliente +" - "+response.data[i].Nombre)))
                                    .append($('<td/>').addClass('label-cell nuevo-td').text(tipoCupon))
                                    .append('<div class="cod_cupon" style="display:none">' + response.data[i].Identificador + '</div>')
                                    .append($('<td/>').addClass('label-cell nuevo-td')
                                                .append($('<label/>').addClass('label-checkbox item-content')
                                                            .append('<input type="checkbox" name="cupon_check" class="cupon_check" value="' + response.data[i].Identificador + '"/>')
                                                            .append($('<span/>').addClass('item-media').append('<i class="icon icon-form-checkbox"></i>'))))
                                    .appendTo(cupones_bienvenida_todos);
                                 if (cantidad_llaves === 0) {
                                    $('.cupon_check').prop('disabled', true)
                                }
                            });

y de esta forma ejecuto una funcion al chequear el input:

$('.cupones_bienvenida_todos').on('click','.cupon_check:checked', function(e){

});

Por ejemplo si chequeo un input, accede a la funcion anterior, pero como puedo ejecutar una funcion al momento de deschequear ese mismo input.

Muchas gracias.

2 respuestas 2

3

Puedes asociar el evento change al input, así obtendrás los cambios en el input

$(document).ready(function(){
  $('#check').on('change',function(event){
    $('#textChecked').text('Checked: ' + event.target.checked);
  })
})
   


 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" id="check"> click

<p id="textChecked">Checked: </p>

3

Simplemente puedes evaluar el evento change del elemento con la clase .cupon_check; con este evento puedes evaluar cuando esta checked y cuando no, hice un ejemplo para que te guies:

const funcion1 = () => {
  alert("Función cuando estoy checked")
}

const funcion2 = () => {
  alert("Función cuando NO estoy checked")
}

$(".cupon_check").on("change", function(e){
  
  ($(this).is(":checked")) ? funcion1() : funcion2();
  console.log($(this).is(":checked"))

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="checkbox" class="cupon_check">

Con tu evento click:

const funcion1 = () => {
  alert("Función cuando estoy checked")
}

const funcion2 = () => {
  alert("Función cuando NO estoy checked")
}

$(".cupones_bienvenida_todos").on("click", function(){

   ($(".cupon_check").is(":checked")) ? funcion1() : funcion2();
   console.log($(".cupon_check").is(":checked"))

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="checkbox" class="cupon_check">
<input type="button" class="cupones_bienvenida_todos" value="Probar">

Espero te funcione.

9
  • por alguna extraña razon no ejecuta ninguna funcion.
    – JG_GJ
    el 27 sep. 2018 a las 22:12
  • Estas seguro? lo estoy probando y funciona, refresca a ver el 27 sep. 2018 a las 22:13
  • Si, sera que debo utilizar la clase .cupones_bienvenida_todos
    – JG_GJ
    el 27 sep. 2018 a las 22:16
  • Tu dices que te esta fallando es en tu código no? pense que hablabas del código que deje corriendo aqui en stackoverflow. Todos los checkbox deberia de tener la clase .cupon_check, voy a editar mi ejemplo para quizas adaptarlo aun mas a tu código el 27 sep. 2018 a las 22:19
  • Ya lo modifique, fijate como coloque el evento onchage el 27 sep. 2018 a las 22:20

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.