javascript - 由另一个函数触发的复选框选择

Question

我正在尝试编写一个代码，当我单击 DIV 时，复选框会标记我，第二次单击时，它会标记

颜色发生变化，DIV 发出咔哒声。但是自动选择和取消选中复选框不起作用

我有错误:

未捕获类型错误:selectedValue.prop 不是 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;