Casilla de verificación de Javascript al cambiar

Tengo una casilla de verificación en un formulario y me gustaría que funcione de acuerdo con el siguiente escenario:

si alguien lo verifica, el valor de un campo de texto ( totalCost) debe establecerse en 10.
luego, si vuelvo atrás y lo desmarco, una función calculate()establece el valor de totalCostacuerdo con otros parámetros en el formulario.

Básicamente, necesito la parte en la que, cuando marco la casilla de verificación, hago una cosa y cuando la desmarco, hago otra.

Jun 15 '11 20:06 bikey77

Javascript puro:

const checkbox = document.getElementById('myCheckbox')

checkbox.addEventListener('change', (event) => {
  if (event.currentTarget.checked) {
    alert('checked');
  } else {
    alert('not checked');
  }
})

My Checkbox: <input id="myCheckbox" type="checkbox" />

Expandir fragmento

Apr 25 '2018 01:04 Vic

function calc()
{
  if (document.getElementById('xxx').checked) 
  {
      document.getElementById('totalCost').value = 10;
  } else {
      calculate();
  }
}

HTML

<input type="checkbox" id="xxx" name="xxx" onclick="calc();"/>

Jun 15 '2011 13:06 Senad Meškin

Si está utilizando jQuery... entonces puedo sugerir lo siguiente: NOTA: Hice algunas suposiciones aquí

$('#my_checkbox').click(function(){
    if($(this).is(':checked')){
        $('input[name="totalCost"]').val(10);
    } else {
        calculate();
    }
});

Jun 15 '2011 14:06 Liangliang Zheng