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

Question

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

颜色发生变化并发出 DIV 声。但是 Checkbox 的自动选择和取消选中不起作用

我有错误：

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;

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

Checkbox selection triggered from another function

html

javascript

checkbox

jquery

gsp