如何获取动态生成的复选框值

时间:2013-06-13 13:21:32

标签: javascript jquery checkbox

如何使用jquery

获取动态生成的CheckBoxes的值
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)

但我也希望得到这些价值。

我该怎么做?

4 个答案:

答案 0 :(得分:5)

使用:checked selector

jQuery('.A:checked')

然后,您可以遍历元素以获取其所有值。

答案 1 :(得分: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)
});

答案 2 :(得分:1)

您可以使用以下方式选中复选框:

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

返回已选中复选框的列表

答案 3 :(得分:-1)

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