javascript - 创建一组带有与 JavaScript 关联的点击事件的复选框

Question

我正在创建一个 JavaScript 函数，用于构建带有复选框的表格。 我想将点击事件与它们关联起来。 所有人的事件必须相同。

这是我的代码的一部分:

var i = 0;
for (i = 0; i < data.Items.length; i++) {
    var tr = $(document.createElement('tr'));
    tr.addClass("MyBookings_table_content");
    $("#MyBookings_table").append(tr);

    //Create a CheckBox Element
    var chkbox = document.createElement('input');
    chkbox.type = "checkbox";
    chkbox.id = "chk"+i.toString();
    chkbox.name = "chk" + i.toString();
    //Event here
}

有人可以帮我吗？

Answer 1

由于您使用的是 jQuery，因此您只需添加此事件监听器即可:

$("#MyBookings_table").on("click", "input[type=checkbox]", clickCB);

function clickCB() {
    var $cbx = $(this);

    // some code on my checkbox
}

此代码将附加在循环之后，请参阅此 fiddle :http://jsfiddle.net/6f79pd5y/