在文本区域中合并选定单选按钮和复选框的值答案

【问题标题】：To merge value of Selected Radio button and Checbox in a Text area在文本区域中合并选定单选按钮和复选框的值
【发布时间】：2016-08-09 15:40:28
【问题描述】：

下面提到了我的 jQuery 代码。

$('.meraCheck').click(function () {
    var text1 = "";
    $('.meraCheck:checked').each(function () {
        text1 += $(this).parent().text() + ',';
    });
    text1 = text1.substring(0, text1.length - 1);

    $('#selectedConsiderationsText').val(text1);

    var pane = $('#selectedConsiderationsText');
    var trimmed_text= pane.val($.trim(pane.val()).replace(/\s*[\r\n]+\s*/g, '\n').replace(/(<[^\/][^>]*>)\s*/g, '$1').replace(/\s*(<\/[^>]+>)/g, '$1'));
});

$('.meraRadio').click(function () {
    var text = "";
    $('.meraRadio:checked').each(function () {
        text += $(this).parent().text() + ',';
    });
    text = text.substring(0, text.length - 1);

    $('#selectedConsiderationsText').val(text);

    var pane = $('#selectedConsiderationsText');
    pane.val($.trim(pane.val()).replace(/\s*[\r\n]+\s*/g, '\n').replace(/(<[^\/][^>]*>)\s*/g, '$1').replace(/\s*(<\/[^>]+>)/g, '$1'));
});

目前在文本区域中，它反映了如下所述的文本：

如果我选择复选框（因为类 'meraCheck' 将被点击）然后在 textara 中仅反映选中复选框的值。
如果我选择复选框（因为类 'meraRadio' 将被点击），那么在 textara 中它只反映所选单选按钮的值。

我想要的是我想合并选定的复选框和单选按钮的值（同时）在那个文本区域中。

谁能帮助我如何完成？

Checbkox、单选按钮和文本区域的代码在这里：

 <input isselected="True" checked="checked" class="meraCheck"  type="checkbox" value="12389" style="transform: scale(1);">
     <input class="meraRadio"  style="transform: scale(1);margin-left: 25px;" type="radio" value="11100">

    <textarea rows="4" cols="50" id="selectedConsiderationsText"></textarea>

【问题讨论】：

能不能做个jsfiddle方便理解
请添加checkbox、radio和textarea的代码！
@Pugazh 请您现在检查一下。我已经添加了它。谢谢。

标签： javascript jquery checkbox radio-button

【解决方案1】：

检查下面的答案！

$(function() {

  $('.meraCheck, .meraRadio').click(function() {
    var text1 = "";
    $('.meraCheck:checked').each(function() {
      text1 += $(this).val() + ',';
    });

    $('.meraRadio:checked').each(function() {
      text1 += $(this).val() + ',';
    });

    text1 = text1.substring(0, text1.length - 1);

    $('#selectedConsiderationsText').val(text1);

    var pane = $('#selectedConsiderationsText');
    var trimmed_text = pane.val($.trim(pane.val()).replace(/\s*[\r\n]+\s*/g, '\n').replace(/(<[^\/][^>]*>)\s*/g, '$1').replace(/\s*(<\/[^>]+>)/g, '$1'));
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input isselected="True" name="meraCheck" class="meraCheck" type="checkbox" value="12389" style="transform: scale(1);">12389
<input isselected="True" name="meraCheck" class="meraCheck" type="checkbox" value="12390" style="transform: scale(1);">12390

<input class="meraRadio" name="meraRadio" style="transform: scale(1);margin-left: 25px;" type="radio" value="11100">11100
<input class="meraRadio" name="meraRadio" style="transform: scale(1);margin-left: 25px;" type="radio" value="11101">11101

<textarea rows="4" cols="50" id="selectedConsiderationsText"></textarea>

【讨论】：

【解决方案2】：

请看看这个方法：

$(document).ready(function() {
  $('.meraCheck').click(function() {
    updateText();
  });

  $('.meraRadio').click(function() {
    updateText();
  });

  function updateText() {
    var text = "";
    $('.meraRadio:checked').each(function() {
      text += $(this).parent().text() + ',';
    });

    $('.meraCheck:checked').each(function() {
      text += $(this).parent().text() + ',';
    });
    text = text.substring(0, text.length - 1);

    $('#selectedConsiderationsText').val(text);

    var pane = $('#selectedConsiderationsText');
    var trimmed_text = pane.val($.trim(pane.val()).replace(/\s*[\r\n]+\s*/g, '\n').replace(/(<[^\/][^>]*>)\s*/g, '$1').replace(/\s*(<\/[^>]+>)/g, '$1'));


  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div>My CheckBox
  <input isselected="True" class="meraCheck" type="checkbox" value="12389" style="transform: scale(1);">
</div>
<div>My RadioBox
  <input class="meraRadio" style="transform: scale(1);margin-left: 25px;" type="radio" value="11100">
</div>
<textarea rows="4" cols="50" id="selectedConsiderationsText"></textarea>

【讨论】：