table动态增加多行checkbox判断选中状态并把数据储存成json格式

//部分前端页面
<tbody id="content" >
<tr id="content-0">
    <td>
        <input type="checkbox" onclick="test(0,this)">
    </td>
</tr>
</tbody>

<script type="text/javascript">
//获取checkbox的选中状态并存储
var selectedList =[];
function test(v,n) {
    if(n.checked){
        selectedList.push(v);
    }else {
        for (var i = 0; i < selectedList.length; i++) {
            if (selectedList[i] == v) {
                selectedList.splice(i, 1);

            }
        }
    }
    alert(selectedList);
}
//动态增加行数
var j=1;
function add(){
    $("#content").append('<tr id="content-'+ j +'">' +
        '<td><input type="checkbox" onclick="test('+j+',this)"></td>' +
        '</tr>');
    j++;
}
</script>

 

 

本文整理自 https://blog.csdn.net/helloxiaoliang/article/details/54948106