【问题标题】:Submit selected checkboxes提交选中的复选框
【发布时间】:2017-07-24 01:30:14
【问题描述】:

我需要向我的表中添加一个函数,因此当复选框选中多行然后按下“选择”按钮时,应该会弹出另一个 JSP 页面以提交选定的行。我想要“选择”按钮来选择行并弹出提交页面进行提交。

表格 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>

【问题讨论】:

    标签: jquery jsp checkbox html-table


    【解决方案1】:

    您好,这是检查选中框的代码,但我不明白您到底想做什么。

                $.each($("input[type=checkbox]:checked"),function(){
                    //your code here
                });
    

    【讨论】:

    • 感谢您的回答。如果您注意到我在复选框列标题中有一个选择按钮。我需要那个选择按钮来选中表格中的所有复选框,然后将其提交到另一个jsp页面进行最终提交。
    【解决方案2】:

    您能清除“弹出提交页面”部分吗? 第一部分的代码应该是这样的

    $('[name="selectCheckBox"]').on('click', function() {
      $('[type="checkbox"]').prop('checked', true);
      //$.ajax call here if you just want to post it to the backend
    });
    

    【讨论】:

    • ok.. 我添加了我的提交页面的图像(验证决定)。当用户选中一个框并按下选择按钮时,应弹出提交页面。在验证决策页面上,用户为所有选定的行(通过按表上的选择按钮选择)选择一个单选按钮并提交表单。我希望它不会太混乱。
    • 所以基本上选择按钮应该只选中复选框并弹出验证决策页面以最终从验证决策页面提交选定的行..
    猜你喜欢
    • 1970-01-01
    • 2014-09-20
    • 2015-08-24
    • 2016-03-14
    • 2012-05-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多