установив все флажки с помощью действия jquery = jquery ajax для каждого установленного флажка

Question

У меня есть ссылка jquery, которая ставит / снимает все флажки

$('#check_all_link').click(function(){
    $('.checker').prop('checked', this.checked);
});

когда я проверяю вручную один флажок, я отправляю его через jquery в скрипт:

$("input.checker").click(function() {

    var check_active = $(this).is(':checked') ? 1 : 0;
    var photo_id = $(this).attr('value');
    var photodb_id = 6;

    $.ajax({
        type: "POST",
        url: "jobticket_ajax/cart.php",
        data: {photo_id: photo_id, check_active: check_active, 
        photodb_id: photodb_id},
        success: function(){

        }
    });
 return true;
 });

Как я могу отправить $ .ajax через $ ('# check_all_link'). Click (function () тоже (что делать вручную, если проверено)?

Answer 1

Я бы сделал что-то вроде этого:

$('#check_all_link').click(function(){
    var checked = $(this).is(':checked');
    $('.checker').each(function(i, chk){    
        $(chk).prop('checked', checked);
        $(chk).trigger('change');
    });
});

Answer 2

у меня есть решение

$('input.active').trigger('click');

Answer 3

Это то, что тебе нужно, я думаю,

$(".chk").change(function(){
    if ($('.chk:checked').length == $('.chk').length) {
       alert('Ajax call');
    }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<label><input type='checkbox' class='chk' name='check[]' /> Check 1</label>
<label><input type='checkbox' class='chk' name='check[]' /> Check 1</label>
<label><input type='checkbox' class='chk' name='check[]' /> Check 1</label><label><input type='checkbox' class='chk' name='check[]' /> Check 1</label>

Надеюсь, это поможет вам!