JSFiddle - React, Tailwind, and code Playground

HTML

<div id="1">
    <input type="checkbox" class="checkbox" />
</div>
<div id="2">
    <input type="checkbox" class="checkbox" />
</div>
<div id="3">
    <input type="checkbox" class="checkbox" />
</div>
<div id="4">
    <input type="checkbox" class="checkbox" />
</div>
<div id="5">
    <input type="checkbox" class="checkbox" />
</div>

<input id="select_players" />
<input id="subscription_ids_export" />

JavaScript

$('.checkbox').on('change', function() {
    var subscriptionIds = $('.checkbox:checked').map(function() {
        return $(this).parent().prop('id');
    }).get().join(',');
    $('#select_players').val(subscriptionIds);
    $('#subscription_ids_export').val(subscriptionIds);
})