javascript - 获取查询中选定链接的列表，仅链接复选框

Question

对于 div 中的动态复选框选择，我可以使用以下代码获取选定的复选框 ID，

$(document).on("click", "input[class='CheckFree']",
    function () {
        var allVals = [];
        $('.CheckFree:checked').each(function () {
            allVals.push($(this).attr('id'));
        });
        alert(allVals);
    });

但是现在我想使用这个 anchor 标记而不是复选框，当我单击链接时，它将被添加并获取单击链接的列表
<a class="CheckFree" href="javascript:;" id="cb-{{index}}">Add my Selection</a>

我需要一个我们能做或不能做的可行性。请建议我。

Answer 1

一个可能的解决方案是每当选择链接时添加一个类来指示该链接被选中，然后使用添加的类作为过滤器来找出所选的链接。

$(document).on('click', '.CheckFree', function () {
    $(this).toggleClass('selected');

    var allVals = $('.CheckFree.selected').map(function () {
        return this.id
    }).get();
    alert(allVals);
})