javascript - 如何使用委托的jquery函数获取选中的复选框

Question

我在表格中动态创建了一个复选框列表：

$("#employeeRegister").append('<tr><td><input type="checkbox" class = "check" name ="chk'+i+'" value="'+this.employeeMobileNo+'$'+this.employeeEmailId+'" </td></tr>');

上面的代码在一个循环中运行 10 次以动态生成 10 个复选框。

我尝试使用下面的代码来查看是否选中了复选框。

$(document).ready(function () {
    $(document).on("click", "#smsbutton", function () {
        console.log('alert');
        $("input:checkbox[name=type]:checked").each(function () {
            alert(checked);
        });
    });
});

smsbutton是一个按钮，我希望在其单击事件上获得选中的复选框。但它不起作用。我该怎么做才能获得所有选中的复选框？

Answer 1

只需使用属性选择器

$(document).on("click","#smsbutton", function(){
    $('input[type="checkbox"]:checked');

    console.log($('input[type="checkbox"]:checked').serialize());
});

或者

$(document).on("click","#smsbutton", function(e){
    if (e.handled !== true) {
        e.handled = true;
        e.preventDefault();
        $('input[type="checkbox"]:checked').each(function() {
           console.log(this.value);
        });
    }
});

Answer 2

尝试这个：

$("input.check:checked").each(function() {
    alert(this.name + " is checked");
});