選択したラジオボタンとチェクボックスの値をテキストエリアにマージする

Question

私の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')); 
}); 

下に述べたように、現在のテキストエリアにテキストを反映textaraで、その後

• 私はチェックボックス（「クラスとしては、クリックされた取得meraCheck'will）を選択した場合、それは だけで選択したチェックボックスの値を反映しています。
• チェックボックスを選択した場合（クラス 'meraRadio'がクリックされると）、textaraでは選択されたラジオボタンの値のみが反映されます。

は、私が欲しいのは、私がそのテキストエリアの両方（のSametimeで）選択checboxとラジオボタンの両方の値 をマージしたいということです。

どうすればいいですか？ 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> 

Answer 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>

Answer 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>