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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

那些年的代码

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值