主页 / 问题 / 798597
Accepted
Виктор Тимошков
Asked:2020-03-15 18:18:01 +0000 UTC2020-03-15 18:18:01 +0000 UTC

我需要将很多单选按钮从一种形式传递到第二种形式，最好的方法是什么？

  • 772

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>

javascript

1 个回答

  1. Best Answer

    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>

    升级版： 

    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>

    • 2

相关问题