`

js 提交form,批量勾选

阅读更多

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/commons/taglibs.jsp" %>

<duowan:override name="head">
 <title>服务器版本修改</title>

<script type="text/javascript">

function updateEvent(){
 var form = document.forms[0];
 if(validateIsSelect(form.all, form.dimIvers)){
  form.action='${ctx}/dimIver/batchUpdateIver.do';
  form.status.value=1;
  form.submit();
 }else{
  alert("请选择要操作的记录");
 }
}

function resetEvent(){
 var form = document.forms[0];
 if(validateIsSelect(form.all, form.dimIvers)){
  form.action='${ctx}/dimIver/batchUpdateIver.do';
  form.status.value=0;
  form.submit();
 }else{
  alert("请选择要操作的记录");
 }
}

function allselect(allobj,items){
    var state = allobj.checked;
    if(items.length){
     for(var i=0;i<items.length;i++){
      if(!items[i].disabled) items[i].checked=state;
     }
    }else{
     if(!items[i].disabled) items.checked=state;
    }
}
/*
 * 判断是否选择了记录
 */
function validateIsSelect(allobj,items){
    var state = allobj.checked;
    if(items.length){
     for(var i=0;i<items.length;i++){
      if(items[i].checked) return true;
     }
    }else{
     if(items.checked) return true;
    }
    return false;
}
</script>
</duowan:override>

<duowan:override name="content">
 <!--home{-->
 <div id="home">
  <!--overview{-->
  <div id="overview">

   <div class="col_1">

 

      
     <div class="hd">
            <h4>服务器版本修改</h4>
     </div>
    
   
    <div id="tableMenu">
   <form action="${ctx}/dimIver/getDimIverList.do" method="get" id="queryForm" name="queryForm">
     <div style="float:left;">
     产品: 
     <select id="product" name="product">
      <option value="null" <c:if test="${product=='null'}">selected </c:if>>全部</option>
         <c:forEach items="${dimProducts}" var="item">  
          <option value="${item.product }" <c:if test="${item.product==product}">selected </c:if>>
          ${item.description }
          </option>
         </c:forEach>
      </select>
                                          版本号:
                  <select id="iver" name="iver">
         <c:forEach items="${dimIvers}" var="item">  
          <option value="${item.iver }" <c:if test="${item.iver==iver}">selected </c:if>>
            <c:choose>
              <c:when test="${item.iver=='null'}">全部</c:when>
              <c:when test="${item.iver=='other'}">其他</c:when>
              <c:otherwise>${item.iver}</c:otherwise>
               </c:choose>
          </option>
         </c:forEach>
      </select>
      状态:
      <select id="status" name="status">
         <option value="1" <c:if test="${status==1}">selected </c:if>>线上版本</option>
         <option value="0" <c:if test="${status==0}">selected </c:if>>线下版本</option>
      </select>
     
     </div>
                
                  <div style="float:left;margin:10px 0 0 30px;">
                   <input class="btn3"  type="submit" value="查询" />
                   </div>
                          
     
   
    </div>

         </div>

   <div id="datarea">
        
     <table>
      <tbody>
    
       <tr>
           <th style="width:20px;">
           <input type="checkbox" name="all" onclick="javascript:allselect(this, this.form.dimIvers)" />
           </th>
        <th>产品名称</th>
        <th>版本号</th>
        <th>状态</th>
        <th style="width:50px">
                         
  <button class="btn2" onClick="javascript:updateEvent()">批量设置</button>
                            </th>
                            <th style="width:50px">
                           <button class="btn2" onClick="javascript:resetEvent()">批量设置</button>
                            </th>
       </tr>
                 <c:forEach items="${dimIverList}" var="item" varStatus="index">
                       
                     <tr class="${index.count % 2 == 0 ? 'odd' : 'even' }">
                       <td>
                         <input type="checkbox" name="dimIvers" value="${item['product']},${item['iver']}"/>
                       </td>
                       <td>
                        ${item['description']}
                       </td>
                       <td>
                          <c:choose>
                           <c:when test="${item.iver=='null'}">全部</c:when>
                  <c:when test="${item.iver=='other'}">其他</c:when>
                  <c:otherwise>${item.iver}</c:otherwise>
                    </c:choose>
                       </td>
                       <td >
                        <c:if test="${item['status']==1}">线上 </c:if>
                        <c:if test="${item['status']==0}">线下 </c:if>
                       </td>

      
                       <td class="undefined">
                           <a class="btn2" href="${ctx}/dimIver/batchUpdateIver.do?product=${item['product']}&iver=${item['iver']}&dimIvers=${item['product']},${item['iver']}&status=1">设为线上</a>
                           </td>
                               <td class="undefined">
                           <a class="btn2" href="${ctx}/dimIver/batchUpdateIver.do?product=${item['product']}&iver=${item['iver']}&dimIvers=${item['product']},${item['iver']}&status=0">设为线下</a>
                           </td>
 
                    </tr>                          
                  </c:forEach>  
      </tbody>
     </table>
               
   </div>
   
                
    </form>
   
        <div class="grayr" id="pageList">
     <c:forEach items="${pagelist }" var="cp">
      <span class="<c:if test='${cp==pageNum}'>current</c:if>">
       <a href="getDimIverList.do?product=${product }&iver=${iver}&status=${status}&pageNum=${cp }">${cp }</a>
      </span>
     </c:forEach>                   
                   </div>   
                  
   <table class="none">
    <tr>
     <th>帮助信息</th>
    </tr>
    <tr>
     <td>
     <div class="help">
      <p></p>
     </div>
     </td>
    </tr>
   </table>
  </div>
  <!--{overview-->
 </div>
 <!--{home-->

 

 
</duowan:override>

 

<%@ include file="base.jsp" %>

 

 

分享到:
评论

相关推荐

    javascript 自动填写表单的实现方法

    本文没有什么技术上创新,只要会一点Javascript的技术就可以写了。 第一步: 在页面查看源代码,把Form中包含的需要填列的HTML控件找出来如: &lt;form name=”mainfrm” action=”” method=”post”&gt; &lt;input...

    ASP批量删除记录方法

    当用户提交表单后,需要读取用户选择的复选框值,并构造SQL删除语句。这里假设我们已经建立了一个数据库连接对象`conn`: ```asp dim a, sql a = request.form("mycheckbox") sql = "DELETE FROM tb WHERE id IN ...

    PHP多文件上传插件,PHP+jQuery+Ajax多图片上传

    2. **jQuery插件**:例如`jQuery.form.js`或`jQuery.fileupload.js`,它们提供了方便的API来处理多文件上传。这些插件可以监听文件选择事件,创建FormData对象,将文件数据附加到对象中,并通过Ajax发送到服务器。 ...

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

    标题提到的“解决EXT下拉列表全选和去全选功能”是一个常见的需求,特别是在数据表格或下拉列表中进行批量操作时。下面我们将深入探讨EXTJS中实现这一功能的方法。 EXTJS的下拉列表通常由`Ext.form.field.ComboBox`...

    ASP下批量删除数据的两种方法

    1. **获取待删除的数据ID**:首先从请求中获取用户勾选的复选框(checkbox)对应的值,这些值存储在`request.form("checkbox")`中。然后使用`Split()`函数将这些ID按照逗号分隔成数组。 ```vb id=request.form(...

    layui的table单击行勾选checkbox功能方法

    在本文中,我们将深入探讨如何在layui框架中实现表格(table)单击行时自动勾选或取消勾选复选框(checkbox)的功能。layui是一个轻量级的前端UI框架,提供了一系列丰富的组件,包括表格,用于数据展示和交互。下面...

    asp 批量删除选中的多条记录的实现代码

    用户可以通过勾选这些复选框来选择需要删除的记录。例如: ```html &lt;form action="delete_batch.asp" method="post"&gt; []" value="&lt;%= item.id %&gt;"&gt; &lt;%= item.title %&gt; &lt;!-- 其他记录字段 --&gt; &lt;/form&gt; ``` ...

    同时上传多张图片

    例如,如果是Node.js的Express,可以使用`multer`中间件来解析`multipart/form-data`格式的数据。 此外,为了提供良好的用户体验,我们可能需要添加进度条显示上传进度,这需要用到FileReader API的`progress`事件...

    用chcekbox实现多条记录同时删除

    当用户勾选时,该状态为“真”;反之,则为“假”。通过设置多个`Checkbox`,可以实现对多个项目的选取。 #### 二、HTML结构设计 首先,我们需要构建一个包含多个`Checkbox`的表格或列表。每个`Checkbox`都对应一...

    layui复选框的全选与取消实现方法

    var form = layui.form; // 监听全选复选框的点击事件 form.on('switch(checkbox_v1)', function (data) { var checkbox1 = $('.checkbox1'); if (data.elem.checked) { // 全选 checkbox1.each(function ()...

    springmvc高级参数绑定

    当用户勾选多个商品时,这些选中的商品ID将会以数组的形式发送到服务器。 在后端,我们需要在Spring MVC的Controller中定义一个处理删除请求的方法。这个方法会接收一个商品ID的数组参数。例如: ```java import ...

    Vue+element+cookie记住密码功能的简单实现方法

    Vue.js是一个轻量级的JavaScript框架,用于构建用户界面。它提供了声明式的数据绑定和组件化,使得创建复杂的单页应用变得简单易懂。Element UI是基于Vue.js的UI组件库,提供了丰富的界面元素,如表单、按钮、对话框...

    JQueryEasyUI学习笔记(十)源码

    通常,这涉及到表格(datagrid)组件,通过勾选复选框选择多行数据,然后通过一个按钮触发删除操作。关键在于理解`onCheckAll`和`onUncheckAll`事件,以及如何调用服务器端的删除接口。源码中,你可能看到类似以下的...

    Element-ui中 选择器(select)多选下拉框实现全选功能.zip

    在实际应用中,全选功能常用于批量操作,如用户一次性勾选多个选项进行批量删除、导出等操作。 首先,我们需要了解`&lt;el-select&gt;`的基本用法。在Element-UI中,`&lt;el-select&gt;`组件用于创建一个下拉选择框,通过`...

    html5实现多文件的上传示例代码

    在示例中,`&lt;form id="myForm" action="http://10.10.25.31:8080/myupload/UploadPhotoServlet" ENCTYPE="multipart/form-data" METHOD="POST"&gt;`指定了表单的编码类型和提交方法。 3. Java后端处理文件上传: 示例...

    易语言-仿精易编程助手网页树解析+网页填表模拟,仿CHROME审查元素

    3. **触发事件**:模拟用户交互,如点击按钮、勾选复选框等,触发相应的JavaScript事件。 4. **监听和响应**:设置监听器,捕获网页状态变化,根据反馈调整下一步操作。 5. **自动化执行**:编写脚本,让程序按照...

    AngularJS动态添加数据并删除的实例

    在待办事项列表中,我们利用`ng-repeat`指令遍历`$scope.todos`数组来显示所有待办事项,并提供勾选、删除和完成功能。 ```html 待办事项 $index"&gt; ($index, $event)"&gt; {{todo.text}} ($index, todos)"&gt;删除 ``...

    基于layui的table插件进行复选框联动功能的实现方法

    具体来说,可以在table插件的源码中添加一个新的方法,例如mylaysetCheck,通过该方法可以灵活地控制复选框的勾选与取消勾选行为,并且可以触发相应的事件,通知其他相关组件更新状态。 在实现复选框联动功能时,有...

    2021-2022计算机二级等级考试试题及答案No.3720.docx

    - **示例**:右击任务栏空白处,选择“锁定任务栏”,取消勾选后可以拖动任务栏。 ### 局域网特征 - **知识点**:局域网(LAN)的特点包括覆盖范围有限、传输速率较高、易于建立和管理等。 - **示例**:办公室内部...

Global site tag (gtag.js) - Google Analytics