Есть калькулятор с такими полями: 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');
});
});