@Coreproseo

Передать значение input radio в другой input через js?

Есть калькулятор с такими полями: input text передают значения нормально, а input radio передают только значение value первого элемента. как передать значение выбранного элемента radio.

<div class="flat-item">
                        <div class="flat-item-title">
                           <h3 class="calc-h4">Трубы</h3>
                        </div>
                        <div class="flat-item-box">
                           <button class="decrease" type="button">-</button>
                           <input class="calc-number" type="text" name="field5" id="field5" value="2"/>
                           <button class="increase" type="button">+</button>
                        </div>
                     </div>
                     <div class="flat-item">
                        <div class="flat-item-title">
                           <h3 class="calc-h4">Лампы</h3>
                        </div>
                        <div class="flat-item-box">
                           <button class="decrease" type="button">-</button>
                           <input class="calc-number" type="text" name="field6" id="field6" value="5"/>
                           <button class="increase" type="button">+</button>
                        </div>
                     </div>

                  </div>

                  <div class="calculator-faktura">
                     <div class="flat-item">
                        <div class="flat-item-title">
                           <h3>Материал</h3>
                        </div>
                        <div class="flat-item-box">
                           <div class="box-calc"><input class="calc-radio" type="radio" id="field7" name="material" value="ПВХ"><div>ПВХ</div></div>
                           <div class="box-calc"><input class="calc-radio" type="radio" id="field7" name="material" value="Ткань"><div>Ткань</div></div>
                        </div>
                     </div>


Код JS

$('.popup-link').on('click', function () {
      $('.popup').addClass('open');
      $('#data1').val($('#field1').val());
      $('#data2').val($('#field2').val());
      $('#data3').val($('#field3').val());
      $('#data4').val($('#field4').val());
      $('#data5').val($('#field5').val());
      $('#data6').val($('#field6').val());
      $('#data7').val($('#field7').val());
      
   });
   $('.close-popup').on('click', function () {
      $('.popup').removeClass('open');
   });

});
  • Вопрос задан
  • 355 просмотров
Решения вопроса 1
Wispik
@Wispik
Во-первых, id должен быть уникальным у каждого элемента
Во-вторых, в случае радио, их лучше искать по имени, на jquery вроде так будет:
$('input[name="material"]:checked').val();
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
22 нояб. 2024, в 00:55
500 руб./за проект
21 нояб. 2024, в 23:30
300000 руб./за проект
21 нояб. 2024, в 22:21
3000 руб./в час