1

Сейчас подсчет в коде идет по кнопке. Как сделать подсчет динамическим?

    <input type="radio" name="aa" value='1'>
    <input type="radio" name="aa" value='2'>
    
    <input type="radio" name="bb" value='1'>
    <input type="radio" name="bb" value='2'>
    
    <input type='button' value='=' onclick='calc()' >
    <input type="text" id='trouble_itog' readonly>
    function getaa(aa)
    {
        var elements = document.getElementsByName(aa);
        for (var i = 0, l = elements.length; i < l; i++)
        {if (elements[i].checked){return elements[i].value;}}
    }
    
    function getbb(bb)
    {
        var elements = document.getElementsByName(bb);
        for (var i = 0, l = elements.length; i < l; i++)
        {if (elements[i].checked){return elements[i].value;}}
    }
    
    function calc()
    {
        result = 
        Number(getaa("aa")) +
        Number(getbb("bb"));
        
        document.getElementById('trouble_itog').value = result;
    }
2
  • Зачем Вы написали две одинаковые функции с разными названиями параметра?
    – user176262
    Commented 22 апр. 2021 в 14:48
  • я подумал, что раз два блока радиокнопок, то и обработка должна быть в разных функциях getaa(aa), getbb(bb) Commented 22 апр. 2021 в 15:15

1 ответ 1

1

function getRadioValue(name) {
  let elements = document.getElementsByName(name);
  for (let i = 0, l = elements.length; i < l; i++) {
    if (elements[i].checked)
      return elements[i].value;
  }
  return 0;
}

function calc() {
  let result = +getRadioValue("aa") + +getRadioValue("bb");
  document.getElementById('trouble_itog').value = result;
}
<input type="radio" name="aa" value='1' onchange='calc()'>
<input type="radio" name="aa" value='2' onchange='calc()'>
<input type="radio" name="aa" value='3' onchange='calc()'>
<br/>
<input type="radio" name="bb" value='1' onchange='calc()'>
<input type="radio" name="bb" value='2' onchange='calc()'>
<input type="radio" name="bb" value='3' onchange='calc()'>
<br/>

<input type='button' value='=' onclick='calc()'>
<input type="text" id='trouble_itog' readonly>

1
  • Спасибо вам огромное! Commented 22 апр. 2021 в 15:23

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.