`
taiwei.peng
  • 浏览: 232524 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

项目中javascript 全选

    博客分类:
  • js
阅读更多

//全选
  function chbcheck(){
   if(document.getElementById("chball").checked){
       if(confirm('是否真的要全部通过?')){ 
        var el=document.getElementsByTagName("input");
        for(var k=0;k<el.length;k++){  
         if((el[k].type=="checkbox") && (el[k].name=="chbtongguo")) {            
           el[k].checked = true;             
            }
        } 
        var scheduleid=document.getElementsByName("scheid");
        var taskid=document.getElementsByName("taskid");
        for(var i=0,j=0;i<scheduleid.length,j<taskid.length;i++,j++){
           var url="/qf_msjflCheck.TJ?method=check&scheduleid="+scheduleid[i].value+"&taskid="+taskid[j].value;
          window.location.href = url;         
        }
      }
   }    
  } 
  
  //对单个指标进行审核
  function singleCheck(checkId, scheduleid, taskid){
   if(document.getElementById(checkId).checked){
    if(confirm('是否真的要通过?')){ 
     var url="/qf_msjflCheck.TJ?method=check&scheduleid="+scheduleid+"&taskid="+taskid;
     window.location.href = url;
    } 
   }
  }   

 

 <input type="checkbox" value="" id="chball" onclick="chbcheck();" style="cursor: hand">全选

 

在jsp 中先定义一个全局变量

<% int a = 0;%>

<% a++;%>

 

<td align="center">    

    <input type="button" id="button<%=a%>" class="imgBtn" style="cursor: hand" value="不通过"       onclick="jieduan('<bean:datapage name="obj" index="0" />','<bean:datapage name="obj"  index="1" />','<bean:datapage name="obj" index="4"/>','<bean:datapage name="obj" index="5"/>','no')">
</td>
         

<td align="center">  
   <input type="checkbox" value="1" onclick="singleCheck('chbpass<%=a%>','<bean:datapage  name="obj" index="6"/>','<bean:datapage name="obj" index="5"/>');" id="chbpass<%=a%>" name="chbtongguo"/>通过
         <script type="text/javascript">
          var isValid = '<bean:datapage name="obj" index="7" />';
          if (isValid == "NO") {
              document.getElementById("button<%=a%>").disabled=true;
          } else if (isValid == "YES") {
           document.getElementById("chbpass<%=a%>").disabled=true;
           document.getElementById("chbpass<%=a%>").checked=true;
          }
         </script>
         <input type="hidden" value="<bean:datapage name="obj" index="6"/>" name="scheid" >
         <input type="hidden" value="<bean:datapage name="obj" index="5"/>" name="taskid" >
        </td>          

分享到:
评论

相关推荐

    Javascript实现全选反选

    在JavaScript编程中,"全选反选"功能是常见的用户交互设计,常见于表格或列表数据的批量操作中。这个功能允许用户一键选择或取消选择所有项目,极大地提高了操作效率。下面将详细介绍如何使用JavaScript来实现这个...

    简单的JAVASCRIPT全选/反选

    在JavaScript编程中,全选和反选功能是常见的交互操作,尤其在网页表格或列表中。这个主题涉及到了DOM操作、事件处理以及数组方法。下面将详细解释如何使用JavaScript实现全选和反选功能。 首先,我们需要理解...

    javascript实现全选全不选

    在JavaScript编程中,“全选”和“全不选”功能是常见的用户交互设计,尤其在数据列表或表格中,用户通常需要快速选择或取消选择所有项目。这些功能可以通过简单的JavaScript代码实现,通常与HTML的复选框(checkbox...

    JavaScript全选效果

    JavaScript全选效果是网页交互中常见的一种功能,它允许用户通过单击一个按钮或复选框来选择页面上的所有可选元素,如表格中的行或列表项。在HTML文件中实现这种效果通常需要结合JavaScript(一种广泛用于网页动态...

    javascript全选

    ### JavaScript全选功能详解 #### 一、引言 在Web开发中,表格或列表中的数据经常需要进行批量操作,例如批量删除、批量修改状态等。此时,全选功能便显得尤为重要。它不仅可以提高用户体验,还能简化前端逻辑,...

    javascript全选反选

    在JavaScript编程中,...以上就是实现JavaScript全选和反选功能所需掌握的基本知识点。通过理解和运用这些概念,你可以创建出高效且用户体验良好的交互式Web应用。在实际开发中,不断实践和优化,你会变得更加熟练。

    js实现全选效果

    在JavaScript(JS)中,全选效果是一种常见的用户交互功能,尤其在网页表格或列表中。这个功能允许用户通过单击一个按钮或链接来选择所有可选项目,或者取消已选中的所有项。这里我们将详细探讨如何使用JavaScript...

    JavaScript案例-js全选和全不选.zip

    JavaScript是一种广泛应用于网页和网络应用的编程语言,尤其在客户端脚本编写方面有着不可或缺的地位...通过分析和实践这个案例,开发者可以更好地掌握JavaScript在实际项目中的应用,特别是对于提高网页交互性的技巧。

    JavaScript与JQuery实现全选例子

    在本文中,我们将深入探讨如何使用JavaScript和jQuery来实现全选功能,并且会详细解析全选、反选以及单个选择等操作的具体实现方法。同时,我们也会对比这两种技术实现方式的不同之处及其适用场景。 ### 一、...

    gridview 全选和取消

    在处理大量数据时,"全选"和"取消全选"的功能是用户界面中常见的操作,能够方便用户一次性选择所有项目进行批量处理,如删除、编辑等。本篇将详细讨论如何在GridView中实现全选和取消全选的功能。 一、GridView控件...

    checkbox的全选与取消

    在实际项目中,我们可能会遇到更复杂的情况,比如动态加载的复选框、分页数据等,这时需要对代码进行适当的调整以适应这些场景。例如,使用事件委托来处理动态添加的复选框,或者在分页切换时更新全选复选框的状态。...

    js 全选——清空

    在JavaScript(JS)中,"全选"和"清空"功能是常见于表单、列表等用户界面操作中的重要部分。这些功能允许用户快速选取或清除所有项目,提高交互体验。下面将详细介绍如何实现这样的功能,并提供相关知识点。 1. **...

    JavaScript实现的全选效果与批量删除效果

    总结,JavaScript全选效果和批量删除功能的实现涉及DOM操作、事件监听、数据收集、用户交互确认以及与服务器的通信。理解并熟练运用这些技术对于提升网页的交互性和用户体验至关重要。在实际开发中,还需考虑到错误...

    客户端实现多项目选择(能全选全删)

    在这个场景中,用户可以在两个列表框之间移动项目,同时提供全选和全删的功能,这对于数据管理和操作提供了极大的便利。以下是实现这一功能的核心知识点: 1. **多项目选择**:在HTML中,`&lt;select&gt;`元素可以用来...

    JavaScript例子—实现行的增加、删除、全选、反选

    首先,全选和反选功能是通过JavaScript来控制表格中复选框的状态。全选功能通常会有一个主复选框,当用户勾选这个主复选框时,所有子复选框都会被选中。这可以通过遍历所有子复选框并改变它们的checked属性来实现。...

    html css js表单中全选取消反选效果

    "全选、取消和反选"功能在多选表单中非常常见,它允许用户方便地选择或取消选择一组选项。本篇文章将深入探讨如何实现这样的功能。 首先,我们需要在HTML中创建一个包含多个可选项目的表单。通常,我们会使用`...

    js全选效果

    总结起来,JavaScript全选效果是通过监听主复选框的点击事件,然后遍历并更新所有子复选框的`checked`属性来实现的。在实际应用中,这个功能可以极大地提升用户体验,尤其是在需要批量操作的场景下。`权限2.htm`文件...

    JQ 最少代码实现全选和不全选

    在实际项目中,这种全选和不全选的功能可以结合其他工具,如Bootstrap或Vue.js等前端框架,来实现更复杂的用户界面和交互。此外,对于大型项目,可以考虑使用模块化工具(如Webpack或Rollup)进行代码组织和优化。 ...

    php+jquery全选框功能

    在实际应用中,你可以导入这个文件到你的项目中,然后根据需要调用其中的函数或方法来实现全选和反选功能。 总结起来,实现"php+jquery全选框功能"需要理解PHP后端处理、HTML结构、jQuery的选择器、事件处理和DOM...

    解决ext下拉列表全选和去全选功能

    在实际项目中,你可能需要结合CSS(jscss文件)来自定义下拉列表的样式,使其更符合应用的视觉设计。 总结起来,EXTJS下拉列表的全选和去全选功能主要涉及对数据存储的操作,以及绑定这些操作到用户界面的元素上。...

Global site tag (gtag.js) - Google Analytics