Нужно передать много radiobutton из одной формы во вторую, как это лучше сделать?

244
16 марта 2018, 15:34

Есть много input type="radio" в одной форме, PopUp-ом открывается вторая, при нажатии узнать результат. Нужно передать все выбранные input type="radio" во-вторую, чтобы отправить в обратном письме. Как это лучше сделать? Слышал про сериализацию данных формы, но реализовать не получается, если не трудно, приведите пример, пожалуйста. Заранее благодарю. Фрагмент кода формы прилагаю:

<form class="need-sect__form" action="#"> 
  <label class="need-sect__label">Вопрос</label> 
  <div class="need-sect__check-container"> 
    <label class="need-sect__check-block">Да 
			<input type="radio" name="name1" value="yes"><span></span> 
		  </label> 
    <label class="need-sect__check-block">Нет 
			<input type="radio" name="name1" value="no" checked><span></span> 
		  </label> 
  </div> 
  <label class="need-sect__label">Вопрос</label> 
  <div class="need-sect__check-container"> 
    <label class="need-sect__check-block">Да 
			<input type="radio" name="name2" value="yes"><span></span> 
		  </label> 
    <label class="need-sect__check-block">Нет 
			<input type="radio" name="name2" value="no"><span></span> 
		  </label> 
  </div> 
  <label class="need-sect__label">Вопрос</label> 
  <div class="need-sect__check-container"> 
    <label class="need-sect__check-block">Да 
			<input type="radio" name="name3" value="yes"><span></span> 
		  </label> 
    <label class="need-sect__check-block">Нет 
			<input type="radio" name="name3" value="no"><span></span> 
		  </label> 
  </div> 
  <div class="need-sect__btns"> 
    <a class="popup-with-zoom-anim def-btn" href="#small-dialog">Узнать результат </a> 
  </div> 
</form>

Answer 1

var btn = document.getElementById("btn"); 
btn.addEventListener("click", getValue) 
 
function getValue(){ 
var show = document.forms.show; 
var hidden = document.forms.hidden; 
for (var i=0; i<show.length; i++){ 
	hidden[i].checked = show[i].checked; 
} 
}
<form name="show">Show 
<label><input type="radio" name="r1">Да</label> 
<label><input type="radio" name="r1">Нет</label> 
<label><input type="radio" name="r1">Наверное</label> 
</form> 
<br> 
<form name="hidden">Hidden 
<label><input type="radio" name="r1">Да</label> 
<label><input type="radio" name="r1">Нет</label> 
<label><input type="radio" name="r1">Наверное</label> 
</form> 
<button id="btn" type="button">Передать значения</button>

UPD: 

var btn = document.getElementById("btn"); 
btn.addEventListener("click", getValue) 
 
function getValue(){ 
var show = document.forms.show; 
var hidden = document.forms.hidden; 
for (var i=0; i<show.length; i++){ 
	if (show[i].checked == true){ 
		hidden[0].value = show[i].value; 
		console.log(hidden[0].value ); 
	} 
} 
}
<form name="show">Show 
<label><input type="radio" name="r1" value="1">Да</label> 
<label><input type="radio" name="r1" value="2">Нет</label> 
<label><input type="radio" name="r1" value="3">Наверное</label> 
</form> 
<form name="hidden">Hidden 
<label><input type="hidden" name="r1"></label> 
 
</form> 
<button id="btn" type="button">Передать значения</button>

READ ALSO
двойной bind задачка
javascript

двойной bind задачка

Может кто нить объяснить, почему в итоге выводится информация из первого bind, а не последнего?

 253
Ограничение на количество итераций
javascript

Ограничение на количество итераций

этот код отвечает за вывод количества файлов, сейчас он без ограничений может выводить хоть 100 или 200 файлов, но что нужно в нем изменить что...

 266
Обновить элемент в ReactJS
javascript

Обновить элемент в ReactJS

Как обновить элемент HelloWorld из функции updateHelloWorld и вообще это возможно?

 240
Проверка состояния promise в angularjs
javascript

Проверка состояния promise в angularjs

Есть сервис который делает запрос через $http , в обработке запроса (неважно resolve или reject) , я возвращаю какие то данные через return, в итоге сервис...

 206