jsp 页面 复选框列表全选伪代码

jsp 页面 复选框列表全选部分伪代码

//全选

 function selectCheckBoxAll(obj){
  if($(obj).attr('checked'))
   {
    for(var i=0;i<$("input[name=selectBox]").length;i++){
     $($("input[name=selectBox]")[i]).attr('checked',true);
    }
   }else{
    for(var i=0;i<$("input[name=selectBox]").length;i++){
     $($("input[name=selectBox]")[i]).attr('checked',"");
    }
   } 
  }

 


 //批量确认
 function batchConfirm(){
   var num=0;
   var ids="";
   for(var i=0;i<$("input[name=selectBox]").length;i++)
   {
    if($($("input[name=selectBox]")[i]).attr('checked'))
    {
     ids+=$($("input[name=selectBox]")[i]).attr('dataId')+",";
     num++;
    } 
   }
   if(num<1)
   {
    alert("对不起,您没有选中要确认的信息!");
    
   }else{
    ids=ids.substr(0,ids.length-1);
   
    if(confirm("确认这些数据吗?")){
    $.ajax({
     type:"post" ,
          url:"batchconfirmData?id="+ids,
         dataType:"html",
         success:function(data){ 
      alert(data);
      window.location.href="lg_turn_JsData_list";            
         }
    });
   }
  }
 }
  

----------------

<span style="margin-top:2px;margin-left:37px;">
         确认状态:</span>
        <span>
         <s:select list="#{1:'待确认',2:'已确认'}" value="qc.confirm_status" name="qc.confirm_status" headerKey="" headerValue="--请选择--" style="margin-top:2px;margin-left:5px;"></s:select>
        </span>
        <span style="margin-top:2px;margin-left:35px;">
         所属居委会:</span>
        <span>
         <s:select list="jwhMap" id="jwhCodeId" name="qc.jwhCode" theme="simple" value="qc.jwhCode"></s:select>
        </span>

-------------------

       <th width="1%">
         <input type="checkbox" id="selectAll" οnclick="selectCheckBoxAll(this)" />
        </th>

   <s:iterator value="lgTurn2JsDataList" status="status">
        <tr>
            <td>
          <s:if test="(#session.LOGINUSER_SYSROLE.qxdm =='js_admin' || #session.LOGINUSER_SYSROLE.qxdm =='js_gr' || #session.LOGINUSER_SYSROLE.qxdm =='xzq' || #session.LOGINUSER_SYSROLE.qxdm=='jz') && confirm_status==1" >
           <input type="checkbox" name="selectBox" dataId="<s:property value="id" />" />
          </s:if>
          <s:else>
          &nbsp;
          </s:else>
         </td>
         <td >
          <s:property value="(#status.index+1)+((pager.currentPage-1)*10)" />
         </td>

 <td >
          <a href="javascript:void(0)" title="${jzdz}">
           <s:if test="jzdz.length()>20">
            <s:property value="jzdz.substring(0,20)+'...'" />&nbsp;
           </s:if>
           <s:else>
            <s:property value="jzdz" />&nbsp;
           </s:else>
          </a>
         </td>

        。。。。。

   </s:iterator>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JSP 中实现复选框全选与反选,可以通过 JavaScript 来实现。以下是一个简单的示例代码: ```html <html> <head> <script type="text/javascript"> function checkAll() { var checkboxes = document.getElementsByName('checkbox'); for (var i = 0; i < checkboxes.length; i++) { checkboxes[i].checked = true; } } function uncheckAll() { var checkboxes = document.getElementsByName('checkbox'); for (var i = 0; i < checkboxes.length; i++) { checkboxes[i].checked = false; } } function invertSelection() { var checkboxes = document.getElementsByName('checkbox'); for (var i = 0; i < checkboxes.length; i++) { checkboxes[i].checked = !checkboxes[i].checked; } } </script> </head> <body> <form> <input type="checkbox" name="checkbox" value="1">选项1 <input type="checkbox" name="checkbox" value="2">选项2 <input type="checkbox" name="checkbox" value="3">选项3 <br> <input type="button" value="全选" onclick="checkAll()"> <input type="button" value="反选" onclick="invertSelection()"> <input type="button" value="全不选" onclick="uncheckAll()"> </form> </body> </html> ``` 在这个例子中,我们使用了 JavaScript 来实现三个函数:`checkAll()`、`uncheckAll()` 和 `invertSelection()`。这些函数分别对应“全选”、“全不选”和“反选”按钮的点击事件。 `document.getElementsByName('checkbox')` 通过 name 属性获取所有复选框的 DOM 对象,然后使用循环遍历每个复选框,来实现全选、全不选和反选的功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值