【问题标题】:Html Checkbox won't check (JQuery)Html Checkbox 不会检查 (JQuery)
【发布时间】:2017-03-16 22:46:32
【问题描述】:

请有人告诉我如何使用以下 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 的建议,但这没有什么区别。

【问题讨论】:

  • 在您想要处理该更改事件之前,您不需要执行任何 onclick,默认情况下呈现 无论如何使复选框可通过浏览器单击和检查,这是默认行为直到您编写了其他单击事件并阻止了该操作。
  • 他们可以在这里检查 - jsbin.com/hupixuquha/edit?html,js,output
  • 哎呀,我的 CSS 中有 pointer-events:none!important;。我的错!
  • 如果问题得到解答或不适用,您可以关闭问题。

标签: jquery html checkbox


【解决方案1】:

万一其他人犯了同样的错误 - 这种情况下的原因是在 css 中: pointer-events:none!important;

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-06-12
    • 2013-06-21
    • 2021-07-26
    • 2016-02-14
    • 2018-02-23
    • 1970-01-01
    • 2018-10-01
    • 1970-01-01
    相关资源
    最近更新 更多