javascript - 如何在 javascript 中使用 onclick 将数组中的复选框值传递给函数

Question

如何在 JavaScript 中使用 onclick 将数组中的复选框值传递给函数。 以下是我的html代码。请注意，我不使用表单标签。仅使用输入标签。

 <input id="a"name="a" type="checkbox" value="1" checked="checked" >A</input>
 <input id="a"name="a" type="checkbox" value="2" checked="checked" >B</input>
 <input id="a"name="a" type="checkbox" value="3" checked="checked" >C</input>
<button onclick="send_query(????)">CLICK</button>

以下是我的 JavaScript 函数

function send_query(check) {
var str = "";
    for (i = 0; i < check.length; i++) {

        if (check[i].checked == true) {
            str = str + check[i];
        }
 console.log(str);

}

Answer 1

您可以为按钮编写一个 onclick 处理程序，它可以创建一个单击的复选框值的数组，然后使用如下所示的参数调用 send_query

<button onclick="onclickhandler()">CLICK</button>

然后

function onclickhandler() {
    var check = $('input[name="a"]:checked').map(function () {
        return this.value;
    }).get();
    console.log(check);
    send_query(check)
}

注意:我还建议使用 jQuery 注册点击处理程序，而不是使用内联 onclick 处理程序。

注意:元素的 ID 在文档中也必须是唯一的...您有多个 id a 的元素，我没有看到您使用该 id 随处可见，因此您可以将其删除