这里描述了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>