`
qingwenxiutong
  • 浏览: 19688 次
  • 性别: Icon_minigender_2
社区版块
存档分类
最新评论

多表单提交数据

阅读更多

在前端开发中经常做的一个功能就是,从后台取得一个集合,分别把每条数据都写在页面上。点击全选按钮来提交每条数据的的时候,实现的功能。

在页面的代码中需要做的是在每条数据的checkbox标签中给出不一样的值的标签。一边当我们得到选好的数据后去辨别要提交的数据。

实例:

//多表单提交数据

        function checkNum()

        {

            var iSelRow=0;

            var index = "";

            var obj=document.getElementsByName("ids");

            for(var i=0;i<obj.length;i++)

            {

                if(obj[i].checked)

                {

                    iSelRow++; //选择一行,iSelRow就加1

                    index+=obj[i].value +''; //把选中的checkbox框的值存放到index变量中

                }

            }

            if (iSelRow <= 0 ) {

                alert("请选择一条数据提交!");

                return;

            }

            if(confirm("确定要提交选中的数据吗")) {

                var arr = index.split('');

                for(var i=0;i<arr.length;i++)//把每一条数据的特殊的值传递给提交数据的函数中做为参数

                {

                    sbtFun(arr[i],'email','shangjiaName','pwd1','pwd2','selec','selec2','address','txx','tyy');//要调用的函数

                }

            }

        }

 

 

<input type="checkbox" name="ids" class="check" value="{$i}"></td>

分享到:
评论

相关推荐

    弹出层表单提交数据完美解决

    总结来说,实现弹出层表单提交数据完美解决,需要关注表单的设计、数据验证、异步通信、安全性以及用户体验等多个方面。通过合理的HTML结构、CSS样式和JavaScript交互,我们可以创建出用户友好且安全的弹出层表单...

    php snoopy 模拟表单提交 数据抓取

    本篇文章将详细介绍如何使用Snoopy库进行模拟表单提交和数据抓取。 首先,我们需要了解Snoopy的工作原理。Snoopy库通过构造HTTP请求,模拟浏览器向服务器发送GET或POST请求,接收服务器返回的HTML内容。这使得我们...

    layui form表单提交之后重新加载数据表格的方法

    本文将探讨在使用layui框架的情况下,如何在表单提交之后重新加载数据表格。 首先,让我们来分析一下使用的layui组件。Layui是一个前端UI框架,它提供了一套模块化的组件,方便开发者快速开发界面。其中,form模块...

    防止Layui form表单重复提交的实现方法

    Layui是一种基于jQuery的前端UI框架,它提供了一套丰富的界面元素和组件,广泛...通过上述方法,可以有效地防止用户在表单提交过程中产生的重复提交行为,提升用户的操作体验,确保数据提交的正确性和服务器的稳定性。

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    volley 通过表单提交数据

    以下将详细介绍如何使用 Volley 通过表单提交数据以及封装表单数据。 1. **Volley 模块介绍** Volley 主要由 RequestQueue、Request 和 NetworkDispatcher 等核心组件构成。RequestQueue 负责管理请求队列,...

    C# post方式提交Form表单

    在Form表单提交中,POST方法会将表单数据封装在请求体中发送到服务器,而不是像GET那样将其附加到URL后面。这样可以确保数据的安全性,并且对数据长度没有限制。 二、C#实现POST表单提交的步骤 1. 创建HTTP客户端:...

    .net 后台提交表单并返回结果

    在.NET开发环境中,后台提交表单并返回结果是常见的网页交互模式,主要涉及HTML表单、HTTP请求以及服务器端的处理...在实际开发中,还需要考虑安全性、性能优化以及用户体验等多个方面,确保表单提交过程的顺畅和安全。

    asp表单提交源码

    总结,ASP表单提交源码涉及到HTML表单、ASP请求对象、数据验证、服务器端数据处理和数据库交互等多个方面。理解并掌握这些知识点对于构建动态、安全的Web应用程序至关重要。通过实际操作和实践,你可以进一步提升在...

    C# Winform和网页表单交互(提交和获取)

    - 使用`HttpWebRequest`创建一个指向网页URL的对象,设置其Method属性为"POST",表示我们将要提交数据。 - 创建一个`byte[]`数组来存储表单数据,数据应转换为ASCII编码。 - 设置`HttpWebRequest`对象的Content...

    基于VueElementUI快速创建生成表单进行数据校验获取表单数据

    // 提交数据... } else { console.error("表单校验失败"); } }); }, } ``` 总结来说,Vue和Element UI结合使用,可以高效地构建动态表单,实现数据验证和数据获取。Element UI的组件库为开发者提供了丰富的UI...

    简单的ASP表单提交到后台的源码

    这个“简单的ASP表单提交到后台的源码”示例,很可能是为了教学或实践目的,帮助初学者理解ASP中的表单数据处理流程。 首先,我们需要理解表单(Form)在HTML中的作用。表单是用户与网站交互的重要方式,通过表单,...

    如何使用post提交网页表单中的数据

    在网页开发中,POST提交是将用户在表单中填写的数据发送到服务器的主要方式之一。相较于GET方法,POST提交通常用于处理敏感信息,因为它可以携带大量数据且在浏览器历史记录中不显示请求详情。本篇文章将详细介绍...

    一个from表单提交多个功能

    ### 一个from表单提交多个功能 在Web开发中,我们经常会遇到需要通过同一个表单实现多种不同功能的情况。例如,根据用户的选择或输入执行不同的后端处理逻辑。本文将详细解析如何通过JavaScript来实现一个表单提交...

    servlet接收form表单提交的数据

    本篇将详细介绍如何使用Servlet来接收form表单提交的数据,并将其在网页上呈现。 一、Servlet生命周期 Servlet具有三个主要阶段:加载、初始化和服务。当客户端首次请求Servlet时,服务器会加载并初始化Servlet,...

    php curl模仿form表单提交图片或文件

    在PHP开发中,有时我们需要模拟用户通过HTML表单提交数据,包括文件和图片。`cURL`库提供了一个强大的功能,允许我们实现这样的任务。在本文中,我们将深入探讨如何使用PHP的cURL库来模仿form表单提交,特别是提交...

    struts1.2 from表单提交包含list的对象

    在Struts1.2中处理表单提交,特别是当表单数据包含列表对象时,需要理解一些核心概念和技术。这篇博客文章可能详细探讨了如何在Struts1.2中处理这类情况。 首先,让我们来了解Struts1.2中的表单提交流程。当用户在...

    表单提交数据库的程序

    表单提交数据库的程序表单提交数据库的程序表单提交数据库的程序表单提交数据库的程序表单提交数据库的程序

    二维数组表单提交

    在本例中,我们关注的是如何利用JQuery处理一个变长的二维数组,以便于提交多个相关联的数据。这样的场景常见于用户填写多行或多列的表单,如价格计划详情等。 首先,我们需要理解二维数组的概念。二维数组,...

Global site tag (gtag.js) - Google Analytics