Автоматически установить флажок, заменяющий div на отмеченный

АХ ХА! Я думаю, что он у меня есть!

    if (visitor_entered == 1) {
        alert("1, true!");
        // in here, you're trying to set a "checked" property ... on a DIV
        // because of that, you are not getting anything, because no such
        // property belongs to the div entity.
        // the only reason the code in your click event handler appears to work
        // is that you are also toggling the class on the div at the 
        // same time that you are attempting to change the property
        $("#visitor_entered_" + div_id).prop('checked', $(this).is('.checked'));
    }

Вам нужно управлять состояниями обоих элементов... вместо этого сделайте что-то вроде этого:

    if (visitor_entered == 1) {
        alert("1, true!");
        var veDiv = $("#visitor_entered_" + div_id);
        // first, toggle the class on the related checkbox:
        veDiv.toggleClass('checked');
        // second, find the sibling checkbox
        var veChk = veDiv.prev('[type=checkbox]');
        // NOW set that checkbox's checked property... which
        // DOES NOT accept a boolean value... it must be either
        // blank (not-checked) or 'checked'
        veChk.prop('checked', (veChk.is(':checked'))? '':'checked');
    }

(Извините... копирование и вставка из вашего кода не решит проблему)

Это один из недостатков слишком большого количества цепочек... легко предположить, что вы попадаете в правильные объекты в каждой части цепочки. Когда у вас начнутся проблемы, разбейте их на части, чтобы вы могли индивидуально проверить каждое предположение на пути. Вероятно, я бы обработал ваш щелчок так:

    $("#visitor_entered_" + div_id).on('click', function () {
        // you already have a reference to the clicked div, so get its
        // immediate predecessor checkbox
        var myChk = $(this).prev('[type=checkbox]');
        // toggle the div's class
        $(this).toggleClass('checked');
        // and then toggle the checkbox's checked property
        myChk.prop('checked', (veChk.is(':checked'))? '':'checked');
    });

(пришлось применить то же исправление к вашему коду onclick, что и к коду выше...)

Удачи!

Я думаю, что вы используете неправильный псевдоселектор для «проверено». Попробуйте $(this).is(':checked') вместо .checked. Точка для классов.

Если вы ищете класс, сделайте $(this).hasClass('.checked')

обновите демонстрационный код:

Вы захотите переключить флажки следующим образом:

// your click handler for the div
$("#visitor_entered_"+div_id).on('click',function(){
    $(this).toggleClass('checked').prev().prop('checked',$(this).is('.checked'));

    // get the checkbox id
    var checkbox_id = this.id.replace("visitor_entered_", "checkbox_");
    var checkbox = $('#' + checkbox_id);

    // toggle the checkbox
    if (checkbox.is(':checked')) {
        // uncheck it
        checkbox.removeAttr('checked');
    } else { 
        // check it
        checkbox.attr('checked', 'checked');
    }
});