使用 javascript/jquery 进行复选框操作

Question

您好，我的应用程序中的复选框有问题。 当其他图层可见性为真时，我想将图层可见性的值设置为假，并在图层可见性为真时将复选框值设置为选中。我对 .click 函数有疑问 - 控制台向我抛出 typeError checkbox[i].click 不是函数。

var changeLayer = function() {
    if (layers[0].M.visible == true) {
        layers[1].M.visible == false
    } else if (layers[0].M.visible == false) {
        layers[1].M.visible == true
    }
    if (layers[1].M.visible == true) {
        layers[0].M.visible == false
    } else if (layers[1].M.visible == false) {
        layers[0].M.visible == true
    }
}

var checkbox = $('.layer');
for (i = 0; i < checkbox.length; i++) {
    checkbox[i].click(changeLayer);
//$(checkbox[i]).on('click', changeLayer)
}

这是图层切换器的图像，单击第一层后，第二个应该隐藏并取消选中该框。

我知道这可能是个愚蠢的问题，但我找不到解决方案。我希望你能帮助我。

Answer 1

您的代码看起来不错，但您可以稍微简化一下。下面会将相同的事件绑定到所有具有“层”类的元素。

$('.layer').click(changeLayer);

我们可能需要更多上下文来提供更好的解决方案。仅供参考，.click(someHandler) 只是.on('click', someHandler) 的快捷方式，它们是相同的。