javascript - 数组推送功能在谷歌浏览器上不起作用

Question

我想从一个 div 中获取多个复选框值。我的代码在 Firefox 上成功执行，但在其他浏览器中不起作用。我的代码看起来像

var amenity_array = [];
var listofParameters = $("#room-amenity input:checkbox");
for (var index in listofParameters) {
    if ($(listofParameters[index]).attr('checked')) {
        var ste = $(listofParameters[index]).attr('value');
        amenity_array.push(ste);
    }
}
alert(amenity_array);

在上面的代码中，amenity_array 在大括号内发出警报，但除此之外，它在 chrome 上不起作用。

Answer 1

一些建议/错误:

1. 确保您的选择器正确选择复选框
2. 使用 :checked 仅选择已选中的复选框
3. Don't use for...in for 循环数组
4. 您可以使用 each() 获取已选中复选框并将其添加到数组中
5. 确保至少选中一个复选框，否则数组中将没有元素

代码:

var amenity_array = [];

$('#room-amenity input:checkbox:checked').each(function() {
    amenity_array.push($(this).val());
});

console.log(amenity_array);