我需要在我的表中添加一个函数,所以当通过复选框选择多行然后按下“select”按钮时,应弹出另一个JSP页面以提交所选行。我希望“选择”按钮只选择行并弹出提交页面以进行提交。
表JSP:
<table id="summaryTable" class="tablesorter" >
<thead>
<tr>
<th> </th>
<th>Bar Code</th>
<th>Origin</th>
<th>Sender Name</th>
<th>Recipient Name</th>
<th>Receipt Date</th>
<th>Load Date</th>
<th>Forecast ISC</th>
<th>Actual ISC</th>
<th>Country</th>
<th>Source</th>
<th><input type="submit" name="selectCheckBox" value="Select"></th>
</tr>
</thead>
<tbody>
<tr>
<c:forEach items="${summary}" var="summary">
<tr>
<td><c:out value="${summary.eventDesc}" /></td>
<td><c:out value="${summary.labelNbr}" /></td>
<td><c:out value="${summary.origin}" /></td>
<td><c:out value="${summary.senderName}" /></td>
<td><c:out value="${summary.receiverName}" /></td>
<td><c:out value="${summary.receiptDate}" /></td>
<td><c:out value="${summary.loadDate}" /></td>
<td><c:out value="${summary.forecastIsc}" /></td>
<td><c:out value="${summary.actualIsc}" /></td>
<td><c:out value="${summary.country}" /></td>
<td><c:out value="${summary.source}" /></td>
<td><input type="checkbox" value=""></td>
</tr>
</c:forEach>
答案 0 :(得分:0)
嗨,这是检查所选框的代码,但我不明白你之后想要做什么。
$.each($("input[type=checkbox]:checked"),function(){
//your code here
});
答案 1 :(得分:0)
您可以清除“弹出提交页面”部分吗? 对于第一部分,代码应该是这样的
$('[name="selectCheckBox"]').on('click', function() {
$('[type="checkbox"]').prop('checked', true);
//$.ajax call here if you just want to post it to the backend
});