Podrías hacerlo mediante un evento change, que capture cuando el checkbox cambia y 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 inputinput, 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.