`

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

    博客分类:
  • Web
 
阅读更多

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" onclick="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>

 

分享到:
评论

相关推荐

    QTableWidget表头添加复选框实现全选功能

    有时候,我们希望在表格的表头中添加复选框,以便实现全选或取消全选的功能,这在处理大量数据时尤其有用。本篇文章将详细解释如何在`QTableWidget`的表头中添加复选框并实现全选功能。 首先,我们需要了解`...

    DataGridView行标题加复选框实现全选

    在实际应用中,为了提高用户体验,我们经常需要在`DataGridView`的行标题中添加复选框,以便用户可以方便地进行全选或反选操作。标题中的复选框全选功能无需额外的按钮触发,使得界面更加简洁高效。 本文将详细介绍...

    树结构 复选框 多选 全选功能

    通过学习和理解这些代码,开发者可以掌握如何在实际项目中实现树结构的复选框多选全选功能。 总之,理解和实现"树结构 复选框 多选 全选功能"是提升前端开发技能的重要一环。它要求开发者具备数据结构知识、事件...

    实现table表格checkbox复选框的全选 反选

    在上面的代码中,我们有一个全选复选框(`#selectAll`)和多个行内复选框(`.itemCheckbox`)。全选复选框用于控制所有行内复选框的状态。 接下来,我们使用JavaScript(通常配合jQuery库,但也可以使用原生JS)来...

    javascript 实现复选框全选/取消功能

    通过以上代码,我们可以看到当点击 “全选/取消全选” 复选框时,页面上的其他复选框都会相应地被选中或取消选中。 #### 5. 总结 通过本篇文章的学习,我们了解了如何使用 JavaScript 实现复选框的全选与取消全选...

    jquery 、js实现复选框 (全选、反选)

    上述代码通过jQuery的选择器`$(":checkbox")`选中页面上所有的复选框,并通过`attr("checked", true)`设置它们的`checked`属性为`true`,从而实现了全选的功能。 **1.2 反选功能** 接下来实现反选功能,即当用户...

    DataGridView 复选框全选。

    在这个场景下,我们将关注如何在`DataGridView`中实现复选框列的全选功能。这涉及到用户交互的增强,以及对事件响应的编程。 首先,我们需要在`DataGridView`中添加一个复选框列。这可以通过在设计时手动添加,或在...

    复选框的全选和反选、复选框的全选和反选

    当选项数量非常大时,一次性操作所有复选框可能会对页面性能产生影响。因此,开发者需要考虑分批处理或采用虚拟滚动等技术来优化用户体验。 总之,复选框的全选和反选功能是UI交互设计中的基础元素,它在数据管理、...

    复选框的全选与全不选

    复选框的全选与全不选

    jQuery实现复选框checkbox全选、反选功能.rar

    上述代码中,"selectAll"是全选复选框的ID,而其他几个则是待选的选项。 要实现全选和反选功能,我们可以编写jQuery函数,分别绑定到"selectAll"复选框的`change`事件上。当用户点击全选复选框时,这些函数将检查或...

    spreadjs_列头添加复选框全选功能-demo.zip

    《SpreadJS:实现列头复选框全选功能详解》 SpreadJS 是一款强大的JavaScript电子表格库,由 GrapeCity 公司开发,它允许开发者在Web应用中创建、编辑和展示电子表格数据。在实际应用中,我们经常需要在列头添加复...

    C#复选框实现全选反选和全不选

    在本教程中,我们将探讨如何利用C#实现复选框来控制DataGridView的数据全选、反选以及全不选,并在选中复选框后改变行的颜色。这将涉及到事件处理、数据绑定、自定义样式等多个方面。 首先,我们需要创建一个包含复...

    Axure RP 复选框全选、反选

    用Axure RP 8.0做的原型设计列子,作用是复选框做全选和非全选,已选的做反选。可以学习下反选或非反选的交互思路。

    javascript复选框全选

    javascript 复选框全选,复选框全选,复选框全选

    复选框全选全不选JS代码

    给定的代码片段是一个名为`getAllCheckBox`的JavaScript函数,其作用是对页面上的所有复选框执行全选或全不选操作。具体来说: 1. **获取所有输入元素**:通过`document.getElementsByTagName("input")`获取页面上...

    jquery复选框全选操作

    这段代码首先计算当前选中的子复选框数量,如果等于所有子复选框的数量,说明所有都被选中,此时全选复选框应被选中;否则,全选复选框应取消选中。 以上就是使用jQuery实现复选框全选和反选的基本步骤。在实际项目...

    复选框的全选全不选

    在这个场景中,提供的IssueSealList.jsp文件可能是用于展示复选框列表的页面。不过,由于这是一个静态的文件名,没有具体的代码内容,我们无法进一步分析其功能。但根据常规做法,这个JSP文件可能会包含上述HTML和...

    复选框 实现 单选 全选

    在IT领域,特别是前端开发中,复选框的实现与应用是常见的需求之一,尤其是在处理列表选择、数据筛选等场景时。本次解析的文件标题为“复选框 实现 单选 全选”,描述中提到的是如何通过复选框实现单选、多选以及...

    教你一天玩转JavaScript(七)——使用JavaScript完成复选框的全选和全不选的效果

    本教程将深入讲解如何使用JavaScript实现复选框的全选和全不选功能,让您的网页交互体验更加友好。我们将探讨以下几个核心知识点: 1. **DOM操作**:JavaScript通过Document Object Model (DOM)来操作HTML元素。...

    c# datagirdview列头增加复选框列多选增加全选列

    通过以上代码,我们已经成功地在C#的DataGridView中实现了列头带有复选框的全选/全不选功能。注意,这里的代码示例是基于WinForms的,如果你正在使用WPF或其他框架,实现方式可能会有所不同。但基本逻辑是一致的:...

Global site tag (gtag.js) - Google Analytics