Html Checkbox不会检查（JQuery）

Question

请有人告诉我如何使我的复选框工作，使用以下JQuery代码生成：

var html = '<table width="100%"><tr><th>Include?</th><th>Product ID</th> <th>Product Name</th><th>Detail</th><tr>';

/* from result create a string of data and append to the div */

$.each(productsArray, function (key, value) {

    console.log(key, value);
    html += `<tr><td><input type="checkbox" name="product-id" value="${key}"></td><td>${key}</td><td>${value}</td><td></td></tr>`;
});
html += '</table>';
$("#chart-container").html(html);

我尝试过添加

onClick="this.checked=!this.checked;"

正如SO所建议的那样，但没有区别。

Answer 1

如果其他人犯了同样的错误 - 本例中的原因是在css中： pointer-events:none!important;