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

Question

您好，我的应用程序中的复选框有问题。我想在其他图层可见性为 true 时将图层可见性的值设置为 false，并在图层可见性为 true 时将复选框值设置为选中。我的 .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

您的代码看起来不错，但您可以将其简化很多。下面的代码会将相同的事件绑定(bind)到具有“layer”类的所有元素。

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

我们可能需要更多背景信息来提供更好的解决方案。仅供引用 .click(someHandler) 只是 .on('click', someHandler) 的快捷方式，它们是相同的。