Layui 使用radio 方法

这里描述了PC端和手机端分别使用radio的时候 如何触发事件

1、PC端js 代码

在layui.form 中使用form.on监听radio事件，调用radio控件中的lay-filter="levelM" 属性中的levelM。

 layui.use(['layer', 'form'], function () {
            var form = layui.form;

            //此处即为 radio 的监听事件
            form.on('radio(levelM)', function(data){
                if(data.value==0){
                    $("#displaystatue").css("display","");
                    $("#displaystatue1").css("display","");
                }
                else{
                    $("#displaystatue").css("display","none");
                    $("#displaystatue1").css("display","none");
                }
                console.log(data.elem); //得到radio原始DOM对象
                console.log(data.value); //被点击的radio的value值
                var level = data.value;//被点击的radio的value值

            });
        });

 PC端radio 控件代码

<input type="radio" name="donateblood" lay-filter="levelM"  value="0" title="愿意" ><div class="layui-unselect layui-form-radio layui-form-radioed"><div>愿意</div></div>
                             

2、微信端代码

微信端的获取radio的事件，就很简单了，直接触发onclick 进行后续的操作就可以了。

这里唯一需要注意的是JS文件的引用

PC端的layui需要用的是

<script src="../../js/layuiadmin/layui/layui.js"></script>

微信端用到的是移动端的js文件

<script src="../../js/layer/mobile/layer.js"></script>