layui 中 input 单选框将前台视图checked传到后台

最新推荐文章于 2024-05-21 13:46:23 发布

可是我才两岁呀

最新推荐文章于 2024-05-21 13:46:23 发布

阅读量674

点赞数

分类专栏： layui checked 文章标签： layui checked 选中状态 ajax

本文链接：https://blog.csdn.net/qq_40467180/article/details/103655960

版权

layui 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

checked

1 篇文章 0 订阅

订阅专栏

接上一篇“接受数据控制试图” 现在说下，增怎样将被选中的单选按钮，传到后台

html:

                        <div class="layui-form-item">
                        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
                            <legend>基础设置</legend>
                        </fieldset>
                        <label class="layui-form-label" style="width: 230px;">设备上传位置信息时间间隔设置：</label>
                        <div id="time1" class="layui-input-block">
                            <input class="radius1" type="radio" name="time" value="5" title="5分钟"><div class="layui-unselect layui-form-radio layui-form-radioed"><i class="layui-anim layui-icon"></i><div></div></div>
                            <input class="radius2" type="radio" name="time" value="10" title="10分钟"><div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i><div></div></div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label" style="width: 120px;">围栏半径设置：</label>
                        <div id="range1" class="layui-input-block">
                            <input class="radius3" type="radio" name="range" value="1" title="1公里" checked="" ><div class="layui-unselect layui-form-radio layui-form-radioed"><i class="layui-anim layui-icon"></i><div></div></div>
                            <input class="radius4" type="radio" name="range" value="2" title="2公里"><div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i><div></div></div>
                        </div>
                    </div>

js:

        form.on('submit(component)', function(data){
            var time = $('#time1 input[name="time"]:checked').val();
            var radius = $('#range1 input[name="range"]:checked').val();

            //console.log("时间是"+time);
            //console.log("范围是"+radius);
            var SendData ={
                'time': time,
                'radius': radius
            };

            $.ajax({
                url:'路径'
                ,dataType:'json'
                ,data:SendData
                ,header: {
                    'content-type':'application/json',
                }
                ,type:'post'
                ,success:function(){
                    alert("保存成功")

                },
                error:function () {
                    layer.msg("保存失败")
                }
            });})

$('ID input[name="name"]:checked').val() 这句代码是获取被选中的单选框的value值