如何獲取動態生成的復選框值

Question

如何使用jQuery獲取動態生成的復選框的值

for(i=startAt;i<limit;i++)
{
    var str = '<tr>'+
              '<td width="48" align="center"><input class="A" type="checkbox" name="checkbox" value='+ local[i]['_id'] +'></td>'+
              '<td width="270" >' + local[i]['_id'] +'</td>'+
              '<td width="883" class="alignRt">'+local[i]['count']+'</td>'+
              '</tr>'
            $("#tableBody").append(str);
}   

使用這個我可以在運行時獲得總復選框

$(document).on('click', '.A', function(){
var n = $("input:checked.A").length;
console.log(n)

但是我也想獲得這些價值。

我怎樣才能做到這一點 ？

Answer 1

使用:checked選擇器

jQuery('.A:checked')

然后，您可以遍歷元素以獲取所有值。

Answer 2

$(document).on('click', '.A', function(){

    var n = $( "input:checked.A" ).length;
    var arr=[]
    for(i=0;i<n;++i){
        arr.push($($( "input:checked.A" )[i]).val())
    }
    alert(arr)
});

Answer 3

您可以使用以下方法獲得選中的復選框：

$("#tableBody").find("input:checked");

它返回已選中復選框的列表

Answer 4

使用JQuery的$('#CheckboxID').val()