如何获取在jquery中动态生成的特定选中复选框

Question

我有 div，我在其中附加了动态小部件，每个小部件在工具栏上都包含一个复选框。此复选框用于控制小部件，因此我设置了一个动态设置为 id 的序列号。每一个都是独一无二的，所以我认为它们对 id 有好处。

现在的问题是如何检索选中复选框的确切 ID。 这将返回 div 中最后一个复选框的 id，因为它无法控制地循环。

我在下面有一个尖晶石：

for (var i=0; i < sortedIds.length; i++) {

$("#batch_schedule_wraper").append("
<div class='col-xs-12  col-sm-6 widget-container-col'>"
    +"
    <div class='widget-box widget-color-blue'>"
        +"
        <div class='widget-header'>"
            +"<h5 class='widget-title bigger lighter'>"+sortedIds[i]+"</h5>"
            +"
            <div class='widget-toolbar'>"
                +"
                <div class='ontrol-group'>"
                    +"
                    <div class='checkbox'>"
                        +"<label class='block'>"
                            +"<input name='form-field-checkbox' type='checkbox' class='ace input-lg remove_widget'
                                     id=''/>"
                            +"<span class='lbl bigger-120'>Batch</span>"
                            +" </label>"
                        +"
                    </div>
                    "
                    +"
                </div>
                "
                +"
            </div>
            "
            +"
        </div>
        "
        +"
        <div class='widget-body'>"
            +"
            <div class='widget-main'>"
                +"
                <div class='test_list_wraper'></div>
                "
                +"
            </div>
            "
            +"
        </div>
        "
        +"
    </div>
    "
    +"
</div>");                                                         

$("[name='form-field-checkbox']").attr("id",sortedIds[i]);

}

Answer 1

如果这些是您页面上唯一的复选框，您还可以执行以下操作：

var checkArray = [];
$('input.comic-check').each(function() {
    checkArray.push($(this).attr('id'))
});