将检查元素中的值分配给数组[重复]

Question

我正在尝试将选中复选框的值放入一个数组中，这样我就可以使用这些值来构建一个自定义 SQL 语句以针对数据库运行。

将其视为面向非技术人员的选择查询生成器。

不过，我似乎无法将这些值放入数组中。欢迎任何提示。

示例 HTML：

<input type="checkbox" value="cat">Cat<br>
<input type="checkbox" value="dog">Dog<br>
<input type="checkbox" value="turtle">Turtle<br>
<input type="text" id="demo" hidden>
<input id="button" type="submit" value="Submit">

示例 JQuery：

$(document).ready(function(){
    $("#button").click(function(){
        var i;
        var x = $(":checkbox:checked").toArray()
        for (i = 0; I < x.length; i++) {
            $("#demo").append(x.[i] + ", ");
        }
    });
});

Answer 1

在 jquery 中使用 .map()。将数组或对象中的所有项转换为新的项数组。

var x = $("input[type=checkbox]:checked").map(function() {
     return this.value;
}).get();
$("#demo").val(x.join(", "));

Sample jsfiddle