JQuery中用c:forEach循环生成数据行，其中第一列是checkbox

Question

用c:forEach循环生成数据行，其中第一列是checkbox，并且每一个checkbox的id都不一样。当选择一定数量的checkbox之后，通过一个button，可以提取出该数据行的信息。这是工作上遇到的问题，因为是第一次写JQuery，是在不会写，只好问问各位大神了，有知道的请帮个忙，谢谢了

Answer 1

这是表格么……我就默认是表格来讲了

假设表格结构为

<table>
    <tr>
        <td><input type="checkbox" id="example1" class="checkbox"></td>
        <td><span class="text">example1</span></td>
    </tr>
    <tr>
        <td><input type="checkbox" id="example2" class="checkbox"></td>
        <td><span class="text">example2</span></td>
    </tr>
</table>
<button id="btn">点击提取</button>

假设需求为获取每一行的checkbox的id，文本内容，则可以如此写

$("#btn).on("click", function() {  // 监听按钮点击事件
    var trs = $("table").find("tr"); //获取表格每一行
    trs.each(function() {  // 遍历
        var isChecked = $(this).find(".checkbox").prop("checked");  // 获取当前行checkbox选择状态；
        if(isChecked == true || isChecked == "true") { // 如果选中（后者是为了兼容火狐）
            var checkboxId = $(this).find(".checkbox").attr("id"); // checkbox的id
            var text = $(this).find(".text").text(); // 文本内容
        }
    })
})

提取每一行的各内容就这样，至于要怎么用怎么存，不知道你想要的是什么，就不写了，剩下的你自己补全吧

Answer 2

本节视频我们来聊一聊如何添加数据表的行与列。Treelab 官网：www.treelab.com.cn