提交所选复选框

时间:2013-02-28 20:31:37

标签: jquery jsp checkbox html-table

我需要在我的表中添加一个函数,所以当通过复选框选择多行然后按下“select”按钮时,应弹出另一个JSP页面以提交所选行。我希望“选择”按钮只选择行并弹出提交页面以进行提交。

enter image description here enter image description here

表JSP:

<table id="summaryTable" class="tablesorter" > 
<thead> 
<tr> 
<th>&nbsp;</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>

2 个答案:

答案 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
});