Выбор флажка, вызванный другой функцией

Question

Я пытаюсь создать код, который, когда я нажимаю DIV, помечает меня флажком, и во второй раз, когда я нажимаю, он помечает

Цвет меняется, и DIV щелкает. Но автоматическое выделение и снятие отметки c для флажка не работают

У меня ошибка:

Uncaught TypeError: selectedValue.prop is not a function at HTMLDivElement.document.getElementById.onclick

У меня есть шаблон GSP с этим кодом:

<div id="${item.key}">
    <input id="Position_${item.key}" type="checkbox" />  ${index + 1}. ${item.key} 
</div>

И скрипт в одном файле:

<script>
    document.getElementById('${item.key}').onclick = function () {
        let selectedValue = document.getElementById('Position_${item.key}');

        if (this.style.backgroundColor == 'lightgreen') {
            changeColor(this, 'white');
            selectedValue.prop('checked', false);
        } else {
            changeColor(this, 'lightgreen');
            selectedValue.prop('checked', true);
        }
    };
</script>

Answer 1

Метод

prop является частью оболочки jQuery. У вас есть простой HTMLElement объект

Вам необходимо установить свойство напрямую:

selectedValue.checked = false;