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

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 用于循环 array
4. 您可以使用each() 获取checked 复选框并将它们添加到您的数组中
5. 确保至少选中一个复选框，否则数组中将没有元素

代码：

var amenity_array = [];

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

console.log(amenity_array);