Como generar un evento al hacer click en un checkbox con javascript?

publicado por: Anonymous

Tengo el siguiente código, lo que hace es sumar variables y colocar el resultado final en un input, ahora lo que quiero es que al hacer click en un checkbox, le sume 5 al resultado totaly se actualice el input con el nuevo valor, y si le vuelvo a dar click al check le reste esos 5 que le sume y se actualice de nuevo

_x000D_

_x000D_

var uno = $("#input1").val();_x000D_
var dos = $("#input2").val();_x000D_
var tres = $("#input3").val();_x000D_
_x000D_
var total = uno * 1.5 +  dos * 0.5 + tres * 0.5;_x000D_
document.getElementById("total").value = total;_x000D_
_x000D_
_x000D_
_x000D_
<input name="total" id="total" class="form-control"/>_x000D_
_x000D_
<label><input id="agregar" type="checkbox" value="">Option 2</label>

_x000D_

_x000D_

_x000D_

solución

Podrías hacerlo mediante un evento change, que capture cuando el checkbox cambia y entonces, dependiendo de si está seleccionado o deseleccionado, sumarle o restarle 5 a la variable total.

JQUERY

var total = 10;

$('#agregar').change(function () {
    if($(this).prop('checked') == true) {
    total = total + 5;
  }
  else {
    total = total - 5;
  }

  alert(total);

});

Luego, para insertar el valor de la variable total dentro del input, lo harías mediante la función val().

JQUERY

var total = 10;

$('#agregar').change(function () {
    if($(this).prop('checked') == true) {
    total = total + 5;
  }
  else {
    total = total - 5;
  }

  $('#total').val(total);

});

Como puedes ver, lo único que he hecho ha sido cambiar la salida por pantalla (el alert) por la inserción de la variable dentro del input text.

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *