若是只引用jquery的话,监听单选按钮改变事件如下:
我们提供的服务有:做网站、成都网站制作、微信公众号开发、网站优化、网站认证、孝感ssl等。为数千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的孝感网站制作公司
男 女
$(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中单选按钮改变事件)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。
售后响应及时
7×24小时客服热线数据备份
更安全、更高效、更稳定价格公道精准
项目经理精准报价不弄虚作假合作无风险
重合同讲信誉,无效全额退款