У меня есть форма с радиокнопками.
Я хочу скопировать значение во всплывающее окно.
Вы можете увидеть пример кода здесь:
https://codepen.io/quardonmedia/pen/yrOGJq
Таким образом, если Радио 1 проверено, оно копирует это действие, а Радио 1 также проверяется во всплывающем окне.
Попробовал использовать / добавить этот код (только пример одного радио):
<button id="myBtn" onClick="copy()">Open Modal</button>
function copy() {
var areaA = document.getElementById("upplus_v");
var areaB = document.getElementById("upplus");
var valueA = areaA.value;
areaB.value = valueA;
}
HTML:
<form class="straksberegning" method="post" id="formid" action="">
<p>
<input type="radio" class="form-radio" name="product" id="upplus_v" value="5">
<label for="upplus" class="upgrade_container">Radio 1</label>
</p>
<p>
<input type="radio" class="form-radio" name="product" id="uppremium_v" value="13" checked>
<label for="uppremium" class="upgrade_container">Radio 2</label>
</p>
</form>
<button id="myBtn">Open Modal</button>
<!--popup-->
<div id="myModal" class="modal">
<div class="modal-content">
<span class="close">×</span>
<form class="straksberegning" method="post" id="formid" action="">
<p>
<input type="radio" class="form-radio" name="product" id="upplus" value="5">
<label for="upplus" class="upgrade_container">Radio 1</label>
</p>
<p>
<input type="radio" class="form-radio" name="product" id="uppremium" value="13" checked>
<label for="uppremium" class="upgrade_container">Radio 2</label>
</p>
<input name="cta_order_calc_upgrade" type="submit" class="" value="OPGRADÉR" id="submitthis"/>
</form>
</div>
</div>
JS для всплывающего окна:
var modal = document.getElementById('myModal');
var btn = document.getElementById("myBtn");
var span = document.getElementsByClassName("close")[0];
btn.onclick = function() {
modal.style.display = "block";
}
span.onclick = function() {
modal.style.display = "none";
}
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}