form表单提交的时候，传过去的值是键值对的形式

效果展示

第一种需求，点击input的时候，input的value发生改变

$('.group-wrapper input').click(function(){$(this).val(0);   //如果上面input的默认value是1，这样就可以在点击的时候变成0});

第二种需求，input手动添加上选中的状态，也是要改变input的value

$('.group-wrapper input').click(function(){var status = $(this).prop('checked');  //获取当前input的状态，看是不是选中的状态var val = status === true ? 1 : 0;   //三元表达式判断input的值，选中为1.不选中为0，赋值给一个val的变量$(this).val(val); //改变input的val});

第三种情况，用form表单提交的时候，input没有选中的话提交不过去


$('.group-wrapper input').click(function(){var status = $(this).prop('checked');var val = status === true ? 1 : 0;$(this).val(val);});$('.btn-primary').click(function(){          //给确定下载的按钮添加点击事件$('.group-wrapper input').each(function(){     //找到所有的input遍历它，if(!this.checked){       this.checked = true;      //判断当前input的选中状态，没有选中的话，让他选中。}});});                     //这样的话就是，前面的方法是选中不选中 设置为0或1，但是又由于没选中的话form提交不过去，所以就再写一个事件，没选中的话让他选中。

第四种情况，点击确定下载，将input的name和value拼接起来

效果展示

//确定下载$('.btn-primary').click(function(){var inputs=$('.group-wrapper').find('input');    //找到所有的inputvar _arr='';    //声明一个空的字符串for (var i = 0; i < inputs.length; i++) {    //循环遍历所有找到的inputvar inputname=inputs[i].name;  //将当前的input的name属性赋给一个变量if(inputs[i].checked){      //判断当前input的选中状态_arr += inputname + '=1&';     //选中的情况下拼接到上面声明的空的字符串上值 等于1}else{_arr += inputname + '=0&'    //没有选中的情况下也拼接到上面声明的空的字符串上值等于0}}console.log(_arr.slice(0,-1));   //截取的原因是，末尾多了一个&符号var result = _arr.slice(0,-1);});

转载于:https://www.cnblogs.com/lml-lml/p/8117144.html

form表单提交的时候，传过去的值是键值对的形式相关推荐

传统form表单提交方式的文件上传与文件存储
引言时隔一天,上一篇文章<文件存储>刚一停笔,今天上午就解决了困扰我已久的文件上传问题. 站在一个已实现功能的角度来重新看待这个文件上传的业务:编辑页面选择jar包,然后通过form表单 ...
Form 表单提交和 Ajax 表单提交的一些区别
自己一些心得体会: 1:form 表单提交后进行后台处理程序,没有直接返回值,只能进行后台处理,Form标签里的所有数据全部提交到后台 ajax 表单提交,是可以局部提交,具有ajax的所有属性... ...
文件上传 java 完美,vue+java实现文件上传（excel等），会出现跨域问题，直接用form表单提交就不会有问题了（new FormData()）...
vue+java实现文件上传(excel等),会出现跨域问题,直接用form表单提交就不会有问题了(new FormData()) 地址:https://www.cnblogs.com/muscles ...
ajax 模拟表单提交,Ajax模拟Form表单提交，含多种数据上传
---恢复内容开始--- Ajax提交表单.使用FormData提交表单数据和上传的文件(这里的后台使用C#获取,你可以使用Java一样获取) 有时候前台的数据提交到后台,不想使用form表单上传,希 ...
jmeter测试接口--form表单提交请求（解决请求传参为空的问题）
jmeter测试接口--form表单提交请求(解决请求传参为空的问题) 参考文章: (1)jmeter测试接口--form表单提交请求(解决请求传参为空的问题) (2)https://www.cnbl ...
form表单提交数据的同时上传文件代码示例
form表单提交数据的同时在表单中上传文件代码示例一.定义页面注意:在form表单中加入属性 enctype="multipart/form-data" 表示此表单支持文件上 ...
ajax 表单提交传文件,Ajax提交Form表单及文件上传
刚刚申请下来的博客,写得第一篇.有点小激动,本人以前是一名工业3D设计师突然有些变故做上了JavaWeb开发: 前几天,发现了一些小问题.我在写后台管理页面时,需要上传一张图片.于是我就用很普通的Fo ...
action无法传参数给html页面,HTML 解决form表单提交时，action url中参数无效问题
这篇文章主要为大家详细介绍了HTML 解决form表单提交时,action url中参数无效问题,具有一定的参考价值,可以用来参考一下. 感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧! ...
form表单提交踩坑记
2019独角兽企业重金招聘Python工程师标准>>> 今天收获了一次集团故障,心塞不已,究其原因,是form表单提交时web服务器对大小做了限制.这个必现的问题在测试阶段也不知为啥 ...
python中前后端通信方法Ajax和ORM映射（form表单提交）
后端从数据库获取数据给到前端: 第一种方式: admin.py文件代码: @admin.route('/showList') def show():# 获取数据库所有文章数据,得到一个个对象res=A ...

form表单提交的时候，传过去的值是键值对的形式

效果展示

第一种需求，点击input的时候，input的value发生改变

第二种需求，input手动添加上选中的状态，也是要改变input的value

第三种情况，用form表单提交的时候，input没有选中的话提交不过去

第四种情况，点击确定下载，将input的name和value拼接起来

form表单提交的时候，传过去的值是键值对的形式相关推荐

最新文章

热门文章