如何使用带有类的Jquery从动态创建的复选框中获取值

Question

我正在尝试从复选框中获取值，而该复选框是使用与html表关联的jquery动态创建的，因此正在使用类获取该值，但无法获取它

我的代码是这样的

用Jquery创建的输入

"<td><div class=" + "checkbox checkbox-primary" + "><input type=" + "checkbox" + " class=" + "cbCheck" + " value=" + "" + data.d[i].Rowname + "" + "" + data.d[i].one + "" + "></div></td>"

jQuery获取价值

$("#table").on(":checked", ".cbCheck", function () {
    var id = $(this).attr("value");
    alert(id);
});

请帮助我解决此问题。

提前致谢

Answer 1

工作小提琴

尝试：

$('table tr td').on('click','.cbCheck',function() {
  if ($(this).is(':checked')) {
    alert($(this).attr('id'))
  }
  else
  alert('unchecked');
});

Answer 2

使用“更改”事件：

$("#table").on("change", ".cbCheck", function () {
    var id = $(this).attr("value");
    alert(id);
});

Answer 3

与其像使用Create元素那样创建它并动态添加id然后使用您的函数，不如创建它，我想它会起作用，在我的情况下实际上是起作用的

var newCheckBox = document.createElement('input');
newCheckBox.type = 'checkbox';
newCheckBox.id = 'ptworkinfo';

Answer 4

您可以对动态创建的元素使用以下命令：

$(document).on("click", ".cbCheck", function () {
    var value=$(this).attr("value");
    alert(value);
});