场景

使用thymeleaf模板，需要在列表展示中添加多选框，实现勾选后能获取到勾选的数据的属性。

实现

thymeleaf页面代码

 <button id="printBtn"  class="btn btn-info  mb_1em" type="button" onclick="return printDetails()"><i class="fa fa-paste"></i> 打印</button>
            <table id="wmsInOrderDetail_table_id"  class="table  table-bordered hover" style="width:100%">
                <thead>
                <tr>
                    <th>序号</th>
                    <th>托盘编号</th>
                    <th>物料编号</th>
                    <th>物料名称</th>
                    <th>数量</th>
                    <th>供应商批次</th>
                    <th>生产日期</th>
                    <th>状态</th>
                </tr>
                </thead>
                <tbody >
                <tr th:each="orderlist:${wmsReceiveOrderDetailsVOList}"  >
                    <td>
                    <input type="checkbox"
                           class="ads_Checkbox"
                           th:text="${orderlist.id}"
                           th:value="${orderlist.id}" name="checkedid"/>
                    </td>
                    <td th:text="${orderlist.salverCode}"></td>
                    <td th:text="${orderlist.materielId}"></td>
                    <td th:text="${orderlist.materielName}"></td>
                    <td th:text="${orderlist.num}"></td>
                    <td th:text="${orderlist.supplierBatch}"></td>
                    <td th:text="${#dates.format(orderlist.productDate, 'yyyy-MM-dd HH:mm:ss')}"></td>
                    <td th:text="${orderlist.statusName}"></td>
                </tr>
                </tbody>
            </table>

选中数据后，点击打印按钮，来到js中的方法。

function printDetails(){
    debugger
    var checkID = [];//定义一个空数组
    $("input[name='checkedid']:checked").each(function(i){//把所有被选中的复选框的值存入数组
        checkID[i] =$(this).val();
    console.log(checkID);
    });
   
}