場景

使用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(){debuggervar checkID = [];//定義一個空數組$("input[name='checkedid']:checked").each(function(i){//把所有被選中的復選框的值存入數組checkID[i] =$(this).val();console.log(checkID);});}

?

總結

以上是生活随笔為你收集整理的使用Jquery获取thymeleaf中checkbox的值的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。