如何在Ajax加载复选框中获取所有选中的值

Question

我有一个由Ajax加载的复选框列表，我希望在用户检查每个复选框时显示页面中的选中值。

Ajax根据父选择加载团队。您可以在上面的图片中看到我想要获得所有选中的值。

现在的问题是，它只能在英格兰获得检查值。当我去法国并选择瓦朗谢讷时，之前的检查将取消选中。 那么如何从英格兰和法国获得检查价值？

我在下面使用过这个jQuery，但它不起作用。

$(document).on('change', 'input[type="checkbox"]', function () {
var checkedc = $('input[type="checkbox"]:checked').map(function () {//use map to create array of checked elements
    return this.value;
}).get().join(); //than join array with comma to string
$('#t').val(checkedc);
});

HTML以显示选中的值

<input type="text" id="t"></div>

来自Ajax加载的

HTML复选框

<li class="teamList">
        <input type="checkbox" name="club[]" class="checkbox" id="cl<?php echo $clubsFetchData['club_id']; ?>" value="<?php echo $clubsFetchData['club_id']; ?>"/>

        <label for="cl<?php echo $clubsFetchData['club_id']; ?>"><img src="assets/img/clubs/<?php echo $clubsFetchData['club_image']; ?>"/>

        <div>
            <?php echo $clubsFetchData['club_name']; ?>
        </div>

        </label>
    </li>