时间戳

首页 > 解决方案 > 如何打印我的单选按钮并在我的文本区域中输入文本？

javascript - 如何打印我的单选按钮并在我的文本区域中输入文本？

问题描述

我有四个单选按钮和一个输入类型文本的问卷。按顺序打印，不删除前一个。

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>

标签： javascriptjqueryhtml

解决方案

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);
  });
  $('#notem').val($('#notem').val() + $('input[name="cual"]').val());

这应该有帮助！

推荐阅读