помогите с функцией JavaScript

Question

У меня есть требование ниже, и я борюсь с JavaScript,

В таблице я показываю разные планы (Медицинский, Стоматологический, Зрение, может быть несколько планов. Я имею в виду Медицинский 1, Медицинский 2, Стоматологический 1, Стоматологический 2), и для каждого плана я показываю радио кнопки выбрать этот план или отказаться от этого плана. Основываясь на их выборе, мне нужно обновить сумму, которую люди будут платить. Так что, если они выберут «отказ», сумма будет обновлена ​​до нуля. Если они выберут опцию «Выбрать», в соответствии с тарифом плана их сумма будет обновлена. Одновременно они могут выбрать только один тип плана.

 Plan        Option                                  Amount
 Medical_1   RadioButton_Elect/RadioButton_Waive     $0.00
 Medical_2   RadioButton_Elect/RadioButton_Waive     $5.00

Моя проблема заключается в присвоении названий этих радиокнопок, чтобы пользователь мог выбрать только одну опцию за раз. Я могу назвать их одинаковыми, и они могут быть взаимоисключающими, но моя функция javascript для обновления суммы тогда не обновляет значение правильно.

function updateAmount(){
  if(document.getElementById('waive0').checked == 'true'){
     document.planselect.planeecost0.value = 0;
  }
}

Answer 1

Группа переключателей определяется переключателями с одинаковыми именами. Очевидное следствие состоит в том, что вы не можете использовать атрибут name, чтобы сообщить их. Вам нужно использовать что-то еще. Ваши варианты включают в себя:

• Прочитайте тег value.
• Установите разные теги id для каждой кнопки.
• Определение кнопок по их положению в дереве DOM.

Если вы не уверены, вы можете использовать подход id, хотя подход value также является допустимым.