我有带有四个单选按钮和一个输入类型文本的调查问卷。按顺序打印,不删除前一张。
var todos = $('input[type="radio"]');
$(todos).on('click',() =>{
var newText = '';
Array.from(todos).forEach(
function(element) {
if(element.checked)
newText+=element.value
});
$('#notem').val(newText);
});
FUTBOL
<br>
SI<input type="radio" name="futbol" id="r1" value='SI PRATICARIA FUTBOL, '>
NO<input type="radio" name="futbol" id="r2" value='NO PRACTICARIA FUTBOL, '>
<br><br>
NATACION
<br>
SI<input type="radio" name="natacion" id="r3" value='SI PRATICARIA NATACION, '>
NO<input type="radio" name="natacion" id="r4" value='NO PRATICARIA NATACION, '>
<br><br>
CICLISMO
<br>
SI<input type="radio" name="ciclismo" id="r5" value='SI PRACTICARIA CICLISMO, '>
NO<input type="radio" name="ciclismo" id="r6" value='NO PRACTICARIA CICLISMO, '>
<br><br>
LE GUSTARIA PRATICAR OTRO DEPORTE
<br>
SI<input type="radio" name="otrod" id="r7" value='SI PRACTICARIA OTRO'>
NO<input type="radio" name="otrod" id="r8" value='NO PRACTICARIA OTRO'>
<br>
CUAL?
<br>
<input type="text" name="cual" id="" value=""><br><br>
<textarea id="notem" readonly style="width:170px; height:130px;"></textarea>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
您必须为单选按钮和文本字段绑定事件。我认为下面的代码会对您有所帮助。
var todos = $('input[type="radio"]');
$(todos).on('click',() =>{
generateText();
});
$('#cual').keyup(function() {
generateText();
});
function generateText () {
var newText = '';
Array.from(todos).forEach(
function(element) {
if(element.checked)
newText+=element.value
});
$('#notem').val(newText + '\n' + $('#cual').val());
}
FUTBOL
<br>
SI<input type="radio" name="futbol" id="r1" value='SI PRATICARIA FUTBOL, '>
NO<input type="radio" name="futbol" id="r2" value='NO PRACTICARIA FUTBOL, '>
<br><br>
NATACION
<br>
SI<input type="radio" name="natacion" id="r3" value='SI PRATICARIA NATACION, '>
NO<input type="radio" name="natacion" id="r4" value='NO PRATICARIA NATACION, '>
<br><br>
CICLISMO
<br>
SI<input type="radio" name="ciclismo" id="r5" value='SI PRACTICARIA CICLISMO, '>
NO<input type="radio" name="ciclismo" id="r6" value='NO PRACTICARIA CICLISMO, '>
<br><br>
LE GUSTARIA PRATICAR OTRO DEPORTE
<br>
SI<input type="radio" name="otrod" id="r7" value='SI PRACTICARIA OTRO'>
NO<input type="radio" name="otrod" id="r8" value='NO PRACTICARIA OTRO'>
<br>
CUAL?
<br>
<input type="text" name="cual" id="cual" value=""><br><br>
<textarea id="notem" readonly style="width:170px; height:130px;"></textarea>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
如果您有任何疑问,请随时告诉我。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)