javascript - 复选框切换行为与预期相反？

Question

在this site有一个“霍乱设施”复选框，用于触发 map 图层的显示。

问题在于复选框的行为方式。这与我的预期相反——它在未选中时触发，而不是已选中？

<div><input  type="checkbox" id="cholera_control" name="cholera_control" />
<label for="cholera_control">Cholera Facilities</label></div>

Answer 1

只需将 if 与 else 反转即可。

而不是:

if (showCholera) {
    kmlLayerCTF.setMap(null);
} else {
    kmlLayerCTF.setMap(map);
}

做:

if (showCholera) {
    kmlLayerCTF.setMap(map);
} else {
    kmlLayerCTF.setMap(null);
}

发生这种情况是因为您的初始值为false。

var showCholera = false;

...那么您将在 if() 语句之前反转它:

showCholera = !showCholera;

...所以当 if() 运行时，showCholera 为 true，而 if 为执行而不是 else。