通过选择单选按钮生成文本

时间:2016-07-06 19:33:57

标签: javascript jquery html

我创建了类似于调查的内容,我有一堆问题,是或否答案,(每对夫妻都有相同的名称属性)。

如果用户选择“是”,我需要将文本字符串插入textarea,如果他点击“否”等等,则将该文本替换为其他文本,直到问题结束。

HTML

<div style="display: none;" class="s_node" id="child_of_option_1_node_16">
  <p>
    <input id="option_2" name="plan" value="Choice 1 text string..." type="radio">
    <label id="option_2" for="option_2">Solved</label>
  </p>
  <p>
    <input id="option_3" name="plan" value="Choice 2 text string..." type="radio">
    <label id="option_3" for="option_3">Not-Solved</label>
  </p>
</div>

JS

$(document).ready(function() {
    if ($('#option_1').is(':checked')) {
      $('#child_of_option_1_node_16').show('fast');
    } else if (!$('#option_1').is(':checked')) {
      $('#child_of_option_1_node_16').hide('fast');
      clearradios(child_of_option_1_node_16);
    }
    $('#option_1').parent().bind('click', function() {
      if ($('#option_1').is(':checked')) {
        $('#child_of_option_1_node_16').show('fast');

        document.GenerationForm.myTextArea.value += document.getElementById("CstName").value + ",,,";

      } else if (!$('#option_1').is(':checked')) {
        clearradios(child_of_option_1_node_16);
        hidechildren(child_of_option_1_node_16);
        $('#child_of_option_1_node_16').hide('fast');

      }
    });
  });

2 个答案:

答案 0 :(得分:2)

这可能有效

<div style="display: none;" class="s_node" id="child_of_option_1_node_16">
  <p>
    <input id="option_2" onclick="changeText(this)" name="plan" value="Yes" type="radio">
    <label id="option_2" for="option_2">Solved</label>
  </p>
  <p>
    <input id="option_3"  onclick="changeText(this)" name="plan" value="No" type="radio">
    <label id="option_3" for="option_3">Not-Solved</label>
  </p>

<script>
function changeText(e){
   var value = e.value;
   var textbox = document.getElementById("yourTextBoxId");

   textbox.value = value;
}
</scrip>

只是一个想法...

答案 1 :(得分:2)

您可以这样做的一种方法是将值保存在15 specs, 0 failures Finished in 1.767 seconds No coverage information was collected, exit without writing coverage information cat: ./coverage/lcov.info: No such file or directory [error] "2016-07-06T20:29:05.918Z" 'error from lcovParse: ' 'Failed to parse string' [error] "2016-07-06T20:29:05.920Z" 'input: ' '' [error] "2016-07-06T20:29:05.921Z" 'error from convertLcovToCoveralls' 上,然后将其设置为array元素:

&#13;
&#13;
textarea
&#13;
var ans = [];

$('.s_node').on('change','input',function(){
  var par = $(this).parents('.s_node'),
      valu = par.find(':checked').val();
  ans[par.index()-1] = valu;
  $('#mytextarea').val(ans.join("\n"))
})
&#13;
.s_node {
  width: 50%;
  float: left;
}
textarea {
  width:80%;
  min-height:200px;
}
&#13;
&#13;
&#13;