radio单选按钮监听事件实现方法 (LayUI)

wptr33 2025-01-14 17:35 29 浏览

但是在搜索经验的时候，发现很多网友给出的代码有缺失，不适合小白开发

所以，小小整理一番，欢迎指摘 …

操作步骤：

首先 html 设计效果如下：

对应的源码为：

 <div class="layui-form-item">
        <label class="layui-form-label">主题类型：</label>
            <div class="layui-input-inline" style="width: 660px">
                <input type="radio" name="level" lay-filter="levelM" value="1" title="一级分类" {$theme.level=="1"?"checked":""}>
                <input type="radio" name="level" lay-filter="levelM" value="2" title="二级分类" {$theme.level=="2"?"checked":""}>
                <input type="radio" name="level" lay-filter="levelM" value="3" title="三级分类" {$theme.level=="3"?"checked":""}>
            </div>
    </div>

【注】:

注意上述源码总的 "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();
   		 });
    });

好像，大概，也许，差不多就是这样的了 …

android radiobutton

上一篇：电气自动化专业词汇中英文对照表
下一篇：Android版Apple Music更新:支持主界面音乐插件

radio单选按钮监听事件实现方法 (LayUI)

相关推荐

C# 13 和 .NET 9 全知道 :13 使用 ASP.NET Core 构建网站 (1)

因果推断Matching方式实现代码因果推断模型

git pull命令使用实例 git pull--rebase

面试官:git pull是哪两个指令的组合?

git 执行pull错误如何撤销 git pull fail

git fetch 和git pull 的异同 git中fetch和pull的区别

git pull 和git fetch 命令分别有什么作用?二者有什么区别?

git pull 之后本地代码被覆盖解决方案

还可以这样玩?Git基本原理及各种骚操作，涨知识了

git命令之pull git.pull

radio单选按钮监听事件实现方法 (LayUI)

相关推荐

C# 13 和 .NET 9 全知道 :13 使用 ASP.NET Core 构建网站 (1)

因果推断Matching方式实现代码 因果推断模型

git pull命令使用实例 git pull--rebase

面试官:git pull是哪两个指令的组合?

git 执行pull错误如何撤销 git pull fail

git fetch 和git pull 的异同 git中fetch和pull的区别

git pull 和git fetch 命令分别有什么作用?二者有什么区别?

git pull 之后本地代码被覆盖 解决方案

还可以这样玩?Git基本原理及各种骚操作，涨知识了

git命令之pull git.pull

因果推断Matching方式实现代码因果推断模型

git pull 之后本地代码被覆盖解决方案