zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    Java I/O的典型使用方式
    搜索--hiho 骑士问题
    编程之美--水王(找出出现超过1/2的数)
    深入理解java虚拟机之类文件结构以及加载
    【转载】Java JVM 运行机制及基本原理
    整数的划分总结(转)
    java静态方法和非静态方法
    mongodb 运行错误总结
    MongoDb windows环境安装,附百度云链接
    JAVA解析Json数据
  • 原文地址:https://www.cnblogs.com/skysowe/p/6428301.html
Copyright © 2011-2022 走看看