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

浅谈监听单选框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教程网友分享投稿，版权归原作者，欢迎任何形式的转载，但请务必注明出处。同时文章内容如有侵犯了您的权益，请联系我们处理。