浅谈监听单选框radio改变事件(和layui中单选按钮改变事件),单选框radio

若是只引用jquery的话,监听单选按钮改变事件如下:

$(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("这是个女孩");

}

});

});

以上这篇浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持3672js教程。

本站文章为3672js教程网友分享投稿,版权归原作者,欢迎任何形式的转载,但请务必注明出处。同时文章内容如有侵犯了您的权益,请联系我们处理。

html中单选按钮设置监听事件,浅谈监听单选框radio改变事件(和layui中单选按钮改变事件),单选框radio...相关推荐

  1. java 线程aba,浅谈Java中ABA问题及避免,浅谈javaaba避免

    浅谈Java中ABA问题及避免,浅谈javaaba避免 本文主要研究的是关于Java中ABA问题及避免的相关内容,具体如下. 在<Java并发实战>一书的第15章中有一个用原子变量实现的并 ...

  2. java中修饰常量的事_浅谈java中的声明常量为什么要用static修饰

    今天定义一个类常量,想着也只有这个类可以用到,就没用static关键字修饰.结果sonar代码检查提示: Rename this field "PERSON_TYPE_USER" ...

  3. pg数据库 设置不区分大小写_浅谈PostgreSQL中大小写不敏感问题

    本文主要讨论PostgreSQL中大小写不敏感存在的问题. 默认情况下,PostgreSQL会将列名和表名全部转换为小写状态. 图1 Person与person 如图1所示,我们创建表person,其 ...

  4. 浅谈限流式保护器在商场电气火灾防范中的应用

    张宇然 安科瑞电气股份有限公司 上海嘉定 201801 [摘要]火灾是威胁社会生产生活安全的主要因素,应该做好火灾预防,以保障人们的生命财产安全.尤其是在大型商场当中,由于电气系统的结构十分复杂,因此 ...

  5. linux中whoami命令的作用是,浅谈linux中的whoami与 who指令

    浅谈linux中的whoami与 who指令 whoami 功能说明: 显示用户名称 语法: whoami 补充说明: 显示自身的用户名称,本指令相当于执行  id -un 指令 whoami 与 w ...

  6. float在html语言中的用法,[html5入门-4]浅谈html5中float的用法

    html5的文档布局方式一般有流式布局,浮动布局,固定布局和弹性布局等几种方式,本文主要浅谈一下浮动布局在html5中的用法. 一.float定义 浮动的框可以向左或向右移动,直到它的外边缘碰到包含框 ...

  7. css中如何实现帧布局_浅谈web前端中的表格布局与CSS盒子布局

    在web前端设计排版时我们可能会用到表格布局和div+CSS布局,但现在主要使用后者,为何?今天我们来谈一谈两者之间的发展和原理. 话不多说下面来干货 发展过程 上个世纪Web开发人员流行使用表格进行 ...

  8. 中鸣循迹机器人_浅谈机器人设计方法

    浅谈机器人设计方法 摘要: 机器人是人类完成智能化中非常重要的工具, 随着时代的发展, 机器 人已经在世界有了一定的发展,甚至很多国家机器人已经运用到实际的生活中 去. 而机器人的设计方法无疑是很多人 ...

  9. 中职计算机应用教学的重要性,浅谈中职计算机应用有效教学策略

    浅谈中职计算机应用有效教学策略 引言:中职计算机应用是中职院校开设的学习计算机知识的一门课程,而有效教学是新课改环境下一种新的教学方法,小编来谈谈中职计算机应用有效教学策略,希望对你们有帮助. [摘要 ...

最新文章

  1. python 网页cookie的使用
  2. Binary Matrix Transform
  3. [转]Tomcat优化之内存、并发、缓存
  4. serverless搭建html,基于ServerLess的极简网页计数器:源码分析与实践
  5. Apache Spark:更改架构之前必须解决的5个陷阱
  6. php定义object数据类型,PHP数据类型(4):对象object
  7. 禅道报表中关闭bug统计图_想要简单制作数据可视化分析报表?这个工具绝对好用...
  8. javaweb项目启动时日志不报错项目又起不来-跑空猫
  9. 演变模型_开放组织的演变
  10. 实现原理 扫描枪_条码扫描枪工作原理
  11. java 简单数组_Java 数组分析及简单实例
  12. SGU 326 Perspective
  13. Python 好友管理系统【简单易懂,代码可以直接运行】
  14. 扒小程序 小程序反编译 获取小程序源码 完美反编译任何小程序完整代码
  15. 工业机器人电柜布线_工业机器人示教器及其连线图
  16. 杠杆炒股亏损多少就会被平仓?
  17. 性能之巅——洞悉系统、企业与云计算 Brendan Gregg
  18. 有限差分——图像求偏导
  19. uniapp文本框,地区选择器,性别选择,实例
  20. 关于floor函数与ceil函数与round函数

热门文章

  1. 文件存储的实现-login登录案例2-sdcard
  2. 手机密码用计算机怎么解锁,手机忘记开机密码怎么办,有这四招1分钟就搞定...
  3. 计算机基础(10)——截图(1)——鼠标右键菜单怎么截图
  4. 国家网络安全事件应急预案-出台
  5. Leon‘s Life
  6. Python批量格式化文件名为000xxx.jpg
  7. python中判断字母大小写和数字字符串
  8. 使用Navicat 连接oracle “ORA-03135: Connection Lost Contact”
  9. 山东财经大学python期末考试题型_山东财经大学2012012学年第二学期期末试题
  10. bigquant量化平台笔记