网络编程
位置:首页>> 网络编程>> JavaScript>> 浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)

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

作者:林建龙  发布时间:2024-04-23 09:09:59 

标签:监听,单选框,radio,layui

若是只引用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

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com