JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" name="1" value="check 1">1<br>
<input type="checkbox" name="2" value="check 2">2<br> 
<input type="checkbox" name="3" value="check 3">3<br>
   Чекбоксы:<br><input type="text" class="n" id="id10" name="check"><br>
    Поле 1:<br> <input type="text" name="title" class="nz" id="id1"><br>
Поле 2:<br><input type="text" name="aemail" class="nz" id="id2"><br>
Поле 3:<br><input type="text" name="asite" class="nz" id="id3"><br>
Поле 4:<br><input type="text" name="proglink" class="nz" id="id4"><br>
Общее поле для текста:<br><input type="text" class="n" id="id11" name="tags"><br>
Общее поле:<br><input type="text" class="n" name="o">

JavaScript

$('input[type=checkbox]').change(function(){
    var s = [];
    $('input[type=checkbox]:checked').each(function(i,e){
        s.push($(e).val()); 
    });
    $('input[name="check"]').val(s.join(', '));
}); 

var nz = $("#id1,#id2,#id3,#id4");
nz.keyup(function () {
    var a = [], b;
    nz.each(function () {
     b =  $(this).val()
     b && a.push(b)
    });
    $('input[name="tags"]').val(a.join(', '))
});

var n = $("#id10,#id11");
n.keyup(function () {
    var y = [], x;
    n.each(function () {
     x =  $(this).val()
     x && y.push(x)
    });
    $('input[name="o"]').val(y.join(', '))
});