100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > html中单选按钮设置监听事件 浅谈监听单选框radio改变事件(和layui中单选按钮改变事

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

时间:2019-12-01 07:38:03

相关推荐

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

浅谈监听单选框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...

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。