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

Question

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

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

我有错误：

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;