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