0

div で動的にチェックボックスを選択するには、以下のコードを使用して選択したチェックボックス ID を取得できます。

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

しかし、チェックボックスの代わりにこのアンカータグを使用したいのですが、リンクをクリックすると追加され、クリックされたリンクのリストが取得されます
<a class="CheckFree" href="javascript:;" id="cb-{{index}}">Add my Selection</a>

できるかできないかの実現可能性が必要です。私に提案してください。

4

2 に答える 2

1
$(document).on("click", ".CheckFree",
    function (e) {
      e.preventDefault();// by this anchor tyag default action not occur
       $(this).addClass("Checkactive");// here we add a class to anchor tag which is clicked
        var allVals = [];
        $('.Checkactive').each(function () {
            allVals.push($(this).attr('id')); // here we push all clicked anhor tag links
        });
        alert(allVals.join(","));// by this all value come with comma seprated
    });
于 2013-11-08T05:25:59.023 に答える
1

可能な解決策は、リンクが選択されていることを示すためにリンクが選択されるたびにクラスを追加し、追加されたクラスをフィルターとして使用して、選択されたリンクを見つけることです。

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

    var allVals = $('.CheckFree.selected').map(function () {
        return this.id
    }).get();
    alert(allVals);
})
于 2013-11-08T05:26:53.757 に答える