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());
});

OR

$(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");
});

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

2 个答案: