Question

我正在定义一个选中的复选框数组：

<script>
var all_checked = new Array();
function add_checked(checked_checkbox_id)
{
all_checked.push(checked_checkbox_id);
}

<html>
<input type="checkbox" name="a" id="1" value="1" onclick="add_checked(?????);" />
</html>

所以我的问题是如何将选中的复选框ID传递给函数以附加到全局

all_checked

可变

Answer 1

在您的函数中传递this，然后使用它来获取id属性：

<强> HTML

<input type="checkbox" name="a" id="1" value="1" onclick="add_checked(this);" />

<强>的JavaScript

var all_checked = new Array();
function add_checked(el) {
    all_checked.push(el.id);
}

请记住，即使数组中已存在id，这也会将id推送到数组，无论是选中还是取消选中该框。

JSFiddle

Answer 2

传递给yout函数，使用 this 关键字。

 onclick="add_checked(this)";

这里你可以将id作为

this.id

然后在

function add_checked(checked_checkbox) {
  all_checked.push(checked_checkbox.id);
}

仅供参考： script代码应在html代码

之内

Answer 3

HTML：

<button onclick="send_query(document.getElementsByTagName('input'))">

function send_query(check) {

    var values = [];
    for (i = 0; i < check.length; i++) {
        if (check[i].checked == true) {
            values.push(check[i].value);
        }
    }
    console.log(values.join());
}

选中复选框后的Javascript，将复选框ID添加到数组中

3 个答案: