主要看form
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>this is title</title>
<link rel="stylesheet" th:href="@{/css/bootstrap.css}"/>
<script th:src="@{/js/jquery-3.4.1.min.js}"></script>
</head>
<body>
<div class="container">
<div class="row clearfix" style="margin-top: 60px">
<div class="col-md-12 column">
</div>
</div>
<table class="table table-hover">
<thead>
<tr>
<th >编号</th>
<th>选购</th>
<th>商品编号</th>
<th>商品名</th>
<th>价格</th>
<th>数量</th>
<th>总价</th>
</tr>
</thead>
<form th:action="@{/addPurchase}" id="theForm" method="post" onsubmit="return judge()">
<tbody>
<tr th:each="item: ${map}">
<th scope="row" th:text="${item.key.id}">shoppingChartId here</th>
<td><input name="shoppingChartIds" type="checkbox" th:value="${item.key.id} " /></td>
<td th:text="${item.value.id}">productId here</td>
<td th:text="${item.value.name}">productName here</td>
<td th:text="${item.value.price}">productPrice here</td>
<td th:text="${item.key.amount}">shoppingChartAmount here</td>
<td th:text="${item.value.price*item.key.amount}">total here</td>
</tr>
</tbody>
<button type="submit" class="btn btn-default">下单</button>
</form>
</table>
</div>
<script>
function judge() {
let checkBoxes=$("input[name='shoppingChartIds']");
for(let i=0;i<checkBoxes.length;i++){
if(checkBoxes[i].checked){
return true;
}
}
return false;
}
</script>
</body>
</html>
其他文章坑死我了,用attr和prop根本获取不到checked属性。