浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)
作者:林建龙 时间:2024-04-23 09:09:59
若是只引用jquery的话,监听单选按钮改变事件如下:
<input type="radio" name="sex" checked="checked" value="1">男
<input type="radio" name="sex" value="2">女
$(document).ready(function() {
$('input[type=radio][name=sex]').change(function() {
if (this.value == '1') {
alert("这是个男孩");
} else if (this.value == '2') {
alert("这是个女孩");
}
});
});
注意:如果是引用了layui的样式和方法,则上面的监听事件失效,被layui接管了,所以应该如下写法:
layui.use(['form', 'element', 'laydate'], function(){
var jQuery = layui.jquery
,layer = layui.layer
,form = layui.form()
,element = layui.element();
form.on("radio(sex)", function (data) {
var sex = data.value;
if (this.value == '1') {
alert("这是个男孩");
} else if (this.value == '2') {
alert("这是个女孩");
}
});
});
来源:https://blog.csdn.net/longgeaisisi/article/details/85251538
标签:监听,单选框,radio,layui


猜你喜欢
python 监听salt job状态,并任务数据推送到redis中的方法
2022-09-14 05:19:47
python搜索包的路径的实现方法
2021-01-18 01:27:44
3 个超有用的 Python 编程小技巧
2022-12-02 20:32:03
Pandas之groupby( )用法笔记小结
2023-03-03 15:58:24

python手写均值滤波
2022-03-16 20:53:19

Mysql的数据库迁移到另一个机器上的方法详解
2024-01-16 18:33:24

Access 2003开发者扩展工具集概述
2009-03-19 18:32:00
Python将文本去空格并保存到txt文件中的实例
2021-06-14 05:01:42
提高MySQL查询效率的三个技巧
2009-02-11 13:19:00
PHP的mysqli_set_charset()函数讲解
2023-07-11 06:22:17

某大型网络公司应聘时的笔试题目附答案
2023-11-15 02:01:21
使用pyecharts无法import Bar的解决方案
2021-04-02 21:31:15

python密码学库pynacl功能介绍
2021-03-07 01:29:44
举例讲解Python设计模式编程的代理模式与抽象工厂模式
2021-08-13 06:23:49
sqlserver获取当前日期的最大时间值
2011-09-30 11:44:50
vscode+PyQt5安装详解步骤
2021-07-27 23:52:55

请问在mssql“SQL事件探查器”里表格的标题,如CPU,Read,Write,Duration,SPID.........的解释
2024-01-20 23:48:30
Python中replace方法实例分析
2023-09-30 05:42:53
Pytorch图像处理注意力机制解析及代码详解
2023-10-05 03:23:03

ASP同一站点不同编码程序出现乱码解决办法
2008-11-10 12:08:00