layui如何获取radio单选框选中的值layui如何获取radio单选框选中的值 例如: input type="radio" name="sex" id="man" value="0" title="男" lay-filter="aaa"input type="radio" name="sex" id="female" value="1" title="女" checked lay-filter="aaa" 1. jQuery的方法获取 通过 radio 的 name,id,class 选择器等,获取选中值 $('input:r
例如:
<input type="radio" name="sex" id="man" value="0" title="男" lay-filter="aaa">
<input type="radio" name="sex" id="female" value="1" title="女" checked lay-filter="aaa">
1. jQuery的方法获取通过 radio 的 name,id,class 选择器等,获取选中值
$('input:radio:checked').val();
$('input[name="sex"]:checked').val();
$("input[id='female']:checked").val();
$("input[type='radio']:checked").val();
2. 监听radio单选radio单选框被点击时触发,回调函数返回一个 object 对象,有两个参数:
form.on('radio(aaa)', function(data){
console.log(data.elem); //得到 radio 原始 DOM 对象
console.log(data.value); //被点击的 radio 的 value 值
});
这种方式要注意 html 的 radio 元素要设置 lay-filter 属性,并且与监听 radio 单选的 filter 保持一致,否则无法取到正确的值。
沃梦达教程
本文标题为:layui如何获取radio单选框选中的值
基础教程推荐
猜你喜欢
- JS前端广告拦截实现原理解析 2024-04-22
- vue离线环境如何安装脚手架vue-cli 2025-01-19
- Ajax实现动态加载数据 2023-02-01
- this[] 指的是什么内容 讨论 2023-11-30
- CSS3的几个标签速记(推荐) 2024-04-07
- 关于文字内容过长,导致文本内容超出html 标签宽度的解决方法之自动换行 2023-10-28
- 浅谈Vue2和Vue3的数据响应 2023-10-08
- js禁止页面刷新与后退的方法 2024-01-08
- 基于Vue制作组织架构树组件 2024-04-08
- 浅析canvas元素的html尺寸和css尺寸对元素视觉的影响 2024-04-26
