浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)
2019-09-10 15:37
2979 查看
若是只引用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("这是个女孩"); } }); });
以上这篇浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- 一步一步学android之事件篇——单选按钮监听事件
- layui 数据表格 点击分页按钮 监听事件的实例
- 一看就会Android之单选按钮和复选框的事件监听
- 项目实战:浅谈属性动画(2)-动画监听事件,消失的按钮,酷炫Path2.0
- 1)复选框中文字在左边;2)水平滚动条最小值为4、最大值为72;且在窗体Load事件中通过代码设置;3)单击任何复选框,标签上文字样式都发生变化;4)单击任意单选按钮,标签上文字字体都发生改变;5)拖
- 使用layui框架改变radio单选按钮的动态选中
- 一步一步学android之事件篇——单选按钮监听事件
- android之选项控件(单选按钮)事件监听
- JRadioButton(单选按钮)添加事件监听
- 设置监听class改变事件,由原来的设置单个按钮点击触发方法onclick=“方法()”改为addEventListener
- C# 浅谈事件监听及任务处理(监听属性值的改变及定时执行任务)
- Layui 带多选框表格监听事件以及按钮自动点击写法实例
- JSP中用回车监听按钮事件(兼容火狐 IE)
- 按钮事件监听
- 使用WTL的消息反射封装CEdit实现监听控件文本改变事件
- Android开发20――单个监听器监听多个按钮点击事件
- 监听按钮的按下和抬起,,toucheBegin会和按钮的监听事件冲突
- jQuery监听文本框值改变触发事件(propertychange)
- flashCs3 按钮事件没了?原来As3已经改为监听模式了!
- input 的value值改变事件监听