初学者记录一下关于layui.radio的使用

前端.jsp文件中创建radio

<form class="layui-form">
        <div class="layui-form-item">
            <label class="layui-form-label">料位探测气缸</label>
            <div class="layui-input-block"><!-- 这里好像加了一个lay-filter就能实现了-->
                <input name="materialCylinder" type="radio" lay-filter="materialCylinder" style="display: inline" ms-duplex="variableParams.materialCylinder" value="0" checked>关
                <input name="materialCylinder" type="radio" lay-filter="materialCylinder" style="display: inline" ms-duplex="variableParams.materialCylinder" value="1">开
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">进料阀</label>
            <div class="layui-input-block"><!-- 好像不加lay-filter也能实现-->
                <input name="inMaterialValve" type="radio" style="display: inline" ms-duplex="variableParams.inMaterialValve" value="0" checked>关
                <input name="inMaterialValve" type="radio" style="display: inline" ms-duplex="variableParams.inMaterialValve" value="1">开
            </div>
        </div>

这样就创建了两个单选框

图片:

.js文件中通过json提取并传向后端

//保存
    modifyModel:function(){
        //这里url对应contraller中post相应的操作，通过json类型就不用什么复杂的操作就可以将radio的值传递
        $.ajax({
            type : "post",
            url : window.httpUrl + '/hcnz/airValve/modifyModel',
            data : vm.variableParams,
            dataType : "json",

            success : function(res) {
                if (res.isSuccess) {
                    window.parent.layer.msg('修改成功', {icon: 1}, {time : 1000});
                    vm.backSpace();
                } else {
                    clds_layer.msg(res.message, "error");
                }
            },
            error : function(err) {
                layer.msg(exception, {
                    icon : 7
                });
            }
        });
    },