Um den Wert von Selected Radio-Schaltfläche und Checbox in einem Textbereich zusammenzuführen

Question

Mein jQuery-Code wird unten erwähnt.

$('.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')); 
}); 

Aktuell im Textbereich spiegelt es sich um Text, wie unten erwähnt:

• Wenn ich Checkbox auswählen (als Klasse ‚meraCheck'will klickten bekommen), dann in textara es spiegelt Wert ausgewählter Checkbox nur.
• Wenn ich Checkbox auswähle (wenn die Klasse 'meraRadio' geklickt wird), dann gibt es in textara nur den Wert ausgewählter Radiobuttons wieder.

Was ich will, ist, dass ich will, ausgewählt checbox und Radio beiden Tasten Wert verschmelzen beide (am sametime) in diesem Textfeld.

Kann mir bitte jemand helfen, wie es gemacht wird?

-Code für Checbkox, Radiobutton und Textbereich ist hier:

<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

prüfen unten Antwort!

$(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

haben Sie einen Blick auf diesen Ansatz:

$(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>