Почему type="radio" не сбрасывает значение, хотя с chekbox все работает?

Question

[chill boy]

Делал калькулятор по такому коду, с чекбоксами все происходит хорошо, после того как отмечаешь чекбокс он прибавляет 4, когда убираешь чекбокс он отнимает 4, но type="radio" почему то не отнимает, а при повторном нажатии прибавляет еще раз, в чем может быть проблема?

<input type="radio" name="asdasd" class="radio" id="radio" onclick="myFunction()" /> 
<input type="text" name="cennik" id="text2" class="cennik" value="0" readonly />

function myFunction() {
  var radios = document.getElementById("radio");
  var text = document.getElementById("text2");

  if (radios.checked == true) {
    text.value = Number(text.value) + 4
  } else {
    text.value = Number(text.value) - 4;
  }
}

Comments

[chill boy]

Владислав Неверов, С этим ничего нельзя поделать? Потому что когда я переключаюсь на другой он не отнимает нужное значение

[Сергей delphinpro]

нужно не клики (click) слушать, а изменения (change)
Группе радиокнопок назначить одно имя и смотреть кто чекнут

[chill boy]

Владислав Неверов, ну он как сейчас будет тогда, я просто кликаю по нему, он остается отмеченным, но прибавляет 4 с каждым кликом, а там он будет оставаться отмеченным и каждый второй клик отнимать 4, но по сути он же останется отмеченным? нет?

[chill boy]

Сергей delphinpro, Сейчас попробую

[chill boy]

Сергей delphinpro, все пытаюсь, но не получается