Javascript 从另一个函数触发的复选框选择

我试图制作一个代码，当我单击DIV时，复选框会标记我，第二次单击时，它会标记我

颜色改变，DIV单击。但自动选择和取消选中复选框不起作用

我有一个错误：

Uncaught TypeError:selectedValue.prop不是htmldevelment.document.getElementById.onclick中的函数

我有一个带有以下代码的GSP模板：

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


${index+1}${item.key}

和脚本在同一文件中：

<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>


document.getElementById（'${item.key}'）。onclick=function（）{
让selectedValue=document.getElementById（'Position_${item.key}'）；
if（this.style.backgroundColor=='lightgreen'）{
改变颜色（这是“白色”）；
selectedValue.prop（'checked'，false）；
}否则{
变色（这是“浅绿色”）；
selectedValue.prop（'checked'，true）；
}
};
prop
方法是jQuery元素包装器的一部分。您有一个简单的
HTMLElement
对象

您需要直接设置属性：

selectedValue.checked=false；