Скопируйте входное значение радио по щелчку во всплывающее окно с теми же полями радио - PullRequest
0 голосов
/ 05 апреля 2019

У меня есть форма с радиокнопками. Я хочу скопировать значение во всплывающее окно.

Вы можете увидеть пример кода здесь: 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">&times;</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";
  }
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...