如何打印我的單選按鈕並在我的文本區域中輸入文本？

Question

我有四個單選按鈕和一個輸入類型文本的問卷。 按順序打印，不刪除前一個。

 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>

Answer 1

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());

這應該有幫助！

Answer 2

您必須為單選按鈕和文本字段綁定事件。 我認為下面的代碼會對您有所幫助。

 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>

如果您有任何疑問，請隨時告訴我。