浅谈监听单选框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
0
投稿

猜你喜欢

  • 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
  • asp之家 网络编程 m.aspxhome.com