欢迎来到拽度站长资源网!

JavaScript

当前位置:首页 > 网页制作 > JavaScript > 正文内容

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

时间:2019-10-16|栏目:JavaScript|点击:

若是只引用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中单选按钮改变事件)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持拽度站长教程网。

上一篇:layer.js之回调销毁对话框的例子

栏    目:JavaScript

下一篇:layer的prompt弹出框,点击回车,触发确定事件的方法

本文标题:浅谈监听单选框radio改变事件(和layui中单选按钮改

本文地址:http://www.xiaochi100.com/web/JavaScript/2018.html

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:2587799600 | 邮箱:2587799600#qq.com(#换成@)

Copyright © 2015-2020 ZhuaiDU.COM. 拽度站长 版权所有 湘ICP备19014690号