JavaScript 函数 : checkbox not alerting when checked

Question

我试图找出为什么当我选中复选框时警报框和控制台日志无法按预期工作。

JSFIDDLE:http://jsfiddle.net/4b84f/1/

HTML:

<div>
<input type="checkbox" id="1"/>
<label for="1">One</label>
</div>

<div>
<input type="checkbox" id="2"/>
<label for="2">Two</label>
</div>

<div>
<input type="checkbox" id="3"/>
<label for="3">Three</label>
</div>

JavaScript:

var featureLayer = L.mapbox.featureLayer()
    .loadURL('/URL/path/to/geojson/data/')
    .addTo(map)
    .setFilter(showIfChecked);

$("input[type='checkbox']").click(function() {
  showIfChecked();
});

function showIfChecked(feature) {

var parameter_codes = [1,2,3,4,5];

for (var i = 0; i < parameter_codes.length; i++) {

    if ($("#"+parameter_codes[i]).prop("checked")) {
      console.log(this); //shouldn't this return something like "#2" if the second checkbox is checked?
      return (feature.properties["property"] === parameter_codes[i]);
    } else {
      return false;
    }

}
}

Answer 1

这是我的代码版本:http://jsfiddle.net/4b84f/10/

我向 showIfChecked 方法传入了对单击的复选框的引用。

$("input[type='checkbox']").click(function() {
  showIfChecked();
});

到

$("input[type='checkbox']").click(function() {
  showIfChecked(this); // this refers to the checkbox element clicked
});

然后，我只是使用传入的 feature/checkbox 作为 jQuery 对象来获取 id 属性

alert($(feature).attr('id'));