但是在搜索经验的时候,发现很多网友给出的代码有缺失,不适合小白开发
所以,小小整理一番,欢迎指摘 …
操作步骤:
首先 html 设计效果如下:
![d3c7a5b85265a6a508a141f5e5b52141.png](https://i-blog.csdnimg.cn/blog_migrate/70353138a9fb0de0d69aadccadf9d5fa.jpeg)
对应的源码为:
主题类型:
【注】:
注意上述源码总的 "lay-filter" 属性;
此处需要填写一个用于区分监听事件的名称,我定为:"levelM"
因为鄙人在进行 ThinkPHP 框架代码开发,所以其中牵扯到了部分内置代码,可自行忽略
然后就是 JavaScript 代码的编写,完整的代码如下:
layui.use(['form'], function () { var upload = layui.upload; var form = layui.form; //此处即为 radio 的监听事件 form.on('radio(levelM)', function(data){ console.log(data.elem); //得到radio原始DOM对象console.log(data.value); //被点击的radio的value值 var level = data.value;//被点击的radio的value值 $(".sel-parent-msg").hide(); $(".sel-parent-msg-"+level).show(); }); });
好像,大概,也许,差不多就是这样的了 …