js中将多个checkbox的值传处理并传到后台

jsp页面代码如:


 
  1. <c:forEach items="${obj.rows}" var="list" varStatus="row" >

  2.  
  3. <tr>

  4.  
  5. <td align="center">

  6.  
  7. <c:if test="${list.shareType eq '0'}">

  8.  
  9. <input type="checkbox" disabled="disabled"/>

  10.  
  11. </c:if>

  12.  
  13. <c:if test="${list.shareType eq '1' || list.shareType eq '2'}">

  14.  
  15. <input type="checkbox" name="apiContent" value="${list.fieldCode}"/>

  16.  
  17. </c:if>

  18.  
  19. </td>

  20.  
  21. <td align="center">${list.fieldName}</td>

  22.  
  23. <td align="center">

  24.  
  25. <c:if test="${list.shareType eq '0'}">不共享</c:if>

  26.  
  27. <c:if test="${list.shareType eq '1'}">普通共享</c:if>

  28.  
  29. <c:if test="${list.shareType eq '2'}">按需共享</c:if>

  30.  
  31. </td>

  32.  
  33. </tr>

  34.  
  35. </c:forEach>

 

在循环列出的所有资源项中,将勾选的checkbox的值拼接成字符串传到后台:


 
  1. function nextStep(){

  2.  
  3. var box = document.getElementsByName("apiContent");

  4.  
  5. var objArray = box.length;

  6.  
  7. var apiContentStr="";

  8.  
  9. for(var i=0;i<objArray;i++){

  10.  
  11. if(box[i].checked == true){

  12.  
  13. apiContentStr += box[i].value+",";

  14.  
  15. }

  16.  
  17. }

  18.  
  19. if(apiContentStr == "" || apiContentStr.length == 0){

  20.  
  21. alert("请勾选需要的资源项!");

  22.  
  23. return;

  24.  
  25. }

  26.  
  27. apiContentStr = apiContentStr.substring(0, apiContentStr.length-1);

  28.  
  29. $('#MainForm').attr('action', '${ctx}/api/toEditApply?apiContentStr='+apiContentStr);

  30.  
  31. $('#MainForm').submit();

  32.  
  33. }


 

 

附加内容:校验复选框,并ajax修改标记。

//提交审核

function tijiaoCheck(applyBatch){

if($("input[type='checkbox']").is(':checked')){

alert("确定同意该协议!");

$.post("${ctx}/api/submit?applyBatch="+applyBatch,

{ Action: "post"},

function(data, textStatus){

data = eval('('+data+')');

if(data == '1'){

alert("提交成功!");

$('#MainForm').attr('action', '${ctx}/api/reloadAgreement?applyBatch='+applyBatch);

$('#MainForm').submit();

}else{

alert("提交失败!");

}

});

}else{

alert("是否阅读并同意该协议!");

 

}

}

 

<div style="height:20px;padding-top: 5px;text-align: center">

<c:if test="${obj.apiApply.isSubmit != '1'}">

<input type="checkbox" id="xieyibox"/>已阅读协议并同意协议条款</c:if>

</div>

显示推荐内容

参考地址 https://blog.csdn.net/weixin_42998647/article/details/81808762

上一篇:[实例]文档综合查漏工具


下一篇:jsp 出现cannot be resolved to a type问题解决办法