在前端开发中经常做的一个功能就是,从后台取得一个集合,分别把每条数据都写在页面上。点击全选按钮来提交每条数据的的时候,实现的功能。
在页面的代码中需要做的是在每条数据的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>
分享到:
相关推荐
弹出层表单提交数据完美解决弹出层表单提交数据完美解决弹出层表单提交数据完美解决弹出层表单提交数据完美解决
php snoopy 模拟表单提交 数据抓取
volley 实现表单提交数据,volley 封装表单数据
js验证表单大全,用JS控制表单提交 ,javascript提交表单
今天小编就为大家分享一篇layui form表单提交之后重新加载数据表格的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
如何使用post提交网页表单中的数据,vb使用post提交数据
ext_表单提交_数据校验 ext_表单提交_数据校验
表单提交数据库的程序表单提交数据库的程序表单提交数据库的程序表单提交数据库的程序表单提交数据库的程序
html,表单自动填充,避免重复性工作,一个一个填写,复制粘贴到文本域,自动识别对应表单属性,复制之后自动识别,点击提交就行了。超级简单,有什么不懂的可以直接私信问我。
C# post方式提交Form表单。 C# post方式提交Form表单,可以支持带参数传入,供大家学习参考。 C# post提交表单。
基于Vue,ElementUI快速创建生成表单,进行数据校验,获取表单数据
Ajax开发过程表单提交数据出现乱码和解决办法
JQuery表单提交和后台交互源码 源码描述: jQuery表单提交和后台交互,非常简单。 也许你习惯了使用基于jQuery的表单插件,裸写也不错 仅使用jQuery提交表单和后台交互,不使用基于jQuery的表单插件 方式1、取到...
C#的wpf客户端使用HttpWebRequest模拟网页表单提交数据到Java的web服务端,Java服务端使用commons-fileupload.jar,Spring接受数据。 ********************************** *该程序可以同时提交表单数据和上传文件* ...
接收来自form表单提交的数据; 并在网页上显示出来
转义表单提交字符处理函数,可用于php或javascript的字符处理函数列表
利用JQuery递归获取一个变长的二维数组并提交,用于提交多个相关联的数据.初次投稿,请多关照!
C# Winform和网页表单交互(提交和获取)。 高手参考用,新手学习用,Vs2008写的 C# 网页 提交 获取 表单
利用jquery的ajax提交表单数据到后台。后台使用spring.