weui-switch开关控件，表单提交后如何取值

最近在学习weui这个框架，做了一些小的试验，发现weui-switch控件直接提交不能获取到表单信息，在segmentfault上发现也有人提了这个问题，有人说可以设置一个隐含标签来捕获开关的状态，试了一下，确实可以，把我自己的解决方法写下来如下：

weui这个switch开关控件好像确实只能用来显示开关状态，无法提交数据，我根据楼上的思路，建了一个隐藏的radio标签，然后通过这个开关控件来设置radio标签的value属性，这样提交，后台php就能获取到正确的表单信息了：

 <!--隐含元素，用于接收按钮的状态，一定要设置成checked提交才有效，否则提交的信息无法被php获取--><input hidden="hidden" id="btn" name="btn1" type="radio" value="off" checked="checked" /><div class="weui-cells weui-cells_form"><div class="weui-cell weui-cell_switch"><div class="weui-cell__bd">开关1</div><div class="weui-cell__ft"><input class="weui-switch" type="checkbox" id="button1" name="button1" /></div></div></div><script>$(function () {$("#button1").bind("click", function () {//                    console.log( $("#button1").val() );if($("#btn").val()=="off"){$("#btn").val("on");console.log("开关1当前状态："+$("#btn").val());}else{$("#btn").val("off");console.log("开关1当前状态："+$("#btn").val());}});});</script>

转载于:https://www.cnblogs.com/skysowe/p/6428301.html

weui-switch开关控件，表单提交后如何取值相关推荐

Bootstrap Switch 开关控件
Bootstrap Switch开关控件网址:http://www.bootcss.com/p/bootstrap-switch/ 引入. Bootstrap Switch插件和依赖插件,并初始化开关 ...
html遍历表格内控件,表单控件VBA
[VBA]遍历表中所有表单控件,并将控件的文本复制到如题,请问可以实现吗?通过VBA编程方法.注意,不是activex控件,是表#用VBA遍历CheckBox#可以先遍历所有shaps,再根据名称判断 ...
DedeCMS实现自定义表单提交后发送指定QQ邮箱法
https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&tn=monline_3_dg&wd=dedecms 邮箱&oq=d ...
form + iframe 获取表单提交后返回的数据
原理: submit 提交表单没有回调函数,但是可以用iframe来接收返回结果,最后进行格式转换就ok了: 原文地址: http://blog.csdn.net/simeng_1016/articl ...
DEDECMS自定义表单提交后的跳转链接如何修改
这篇文章给大家分享的是有关DEDECMS自定义表单提交后的跳转链接如何修改的内容.小编觉得挺实用的,因此分享给大家做个参考.一起跟随小编过来看看吧. dedecms自定义表单,点击提交后,默认跳转到 ...
vue 添加完数据后刷新页面_vue form 表单提交后刷新页面的方法
最近做的项目中,有增删改表格功能,在操作后需要实时更新页面数据.下面可以这样解决. 1.在methods中定义好一个初始化渲染实例. 例如 lnitializationData(){//初始化页面数 ...
PHP表单提交后页面跳转,PHP在表单提交后重定向到另一个页面
PHP在表单提交后重定向到另一个页面我已经阅读了有关将 Headers 插入到php表单文件中的所有帖子,以便在提交表单后将用户重定向到另一个URL - 但我无法弄清楚如何执行此操作 . 以下是我的 ...
表单提交后跳转指定链接
表单的作用可以根据场景的变化而变化,可以是问卷调查.故障报修.自助下单等多种业务场景.如需提交后进行下一步操作,如成功提交咨询申请后自动跳转到咨询详情页,可以通过设置提交扩展,实现表单提交后跳转指定链 ...
layui提交表单自动刷新_layui form表单提交后实现自动刷新
刚刚使用layui 来做东西,对这一切都不熟悉,使用一下form表单,但是,不能成功的使用. 问题: 1.提交表单,页面自动刷新. 出现这样的情况呢,搜索了一下是因为表单的提交按钮没有type类型.哪 ...

weui-switch开关控件，表单提交后如何取值

weui-switch开关控件，表单提交后如何取值相关推荐

最新文章

热门文章