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

发布于:2020-04-02 16:06:35

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>

5fbab5983f81240df7e76f4f96befff3.png

阅读 205+

一片空白

父爱如山,不善表达。回想十多年前,总记得父亲有个宽厚的肩膀,小小的自己跨坐在上面,越过人山人海去看更广阔的天空,那个时候期望自己有一双翅膀,能够像鸟儿一样飞得高,看得远。虽然父亲有时会和自己开玩笑,但在做错事的时候会受到严厉的训斥。父亲有双粗糙的大手掌。