解决input 有多少个radio绑定change事件,手动触发就会执行多少次问题

简介: 如题,相信大家都会遇到这个问题,那么为什么会触发多次呢?其实当你用jquery绑定onchange事件的时候你就无形中给每个radio绑定了事件,所以才会出现执行多少次的问题了,那么如何解决呢,其实这个问题就是最好的解决方法了,你想阿,一组radio当然只会选中一个,但是没有 选中的radio也会执...

如题,相信大家都会遇到这个问题,那么为什么会触发多次呢?其实当你用jquery绑定onchange事件的时候你就无形中给每个radio绑定了事件,所以才会出现执行多少次的问题了,那么如何解决呢,其实这个问题就是最好的解决方法了,你想阿,一组radio当然只会选中一个,但是没有 选中的radio也会执行,这不是我们要的,所以当没有选中radio触发事件的时候我们加上这段代码就OK了:

if(!$(this).is(":checked")) return false;

完整代码:

$('#resetForm').click(function(e){
        $("#myform")[0].reset();
})
function resourceTypeChange(){
    $('input[name="resourcetype"]').change(function(e) {        
        var this$ = $(this);
        if(!this$.is(":checked")) return false;
        if (this$.val() == 'video') {
            $('.qnfm').removeClass('hide');
        }
        if (this$.val() == 'audio') {
            $('.qnfm').addClass('hide');
        }
    })    
}

 

目录
相关文章
|
前端开发
layui select 绑定onchange事件失效
layui select 绑定onchange事件失效问题处理
|
4月前
|
JavaScript
VUE中el-input阻止冒泡防止触发父级事件
VUE中el-input阻止冒泡防止触发父级事件
|
JavaScript
state 和 props 触发更新的生命周期分别有什么区别?
state 和 props 触发更新的生命周期分别有什么区别?
Input 标签监听内容输入(change、input 事件区别)
Input 标签监听内容输入(change、input 事件区别)
234 0
|
JavaScript 程序员
input框输入中文时,输入未完成触发事件。Vue中文输入法不触发input事件?
input框输入中文时,输入未完成触发事件。Vue中文输入法不触发input事件?
641 1
el-input-number阻止外层button的冒泡
el-input-number阻止外层button的冒泡
170 0
|
监控
jedate change事件监控,使用jedate无法使用change事件
jedate change事件监控,使用jedate无法使用change事件
|
JavaScript
js实现动态添加具有相同name的input+动态添加的input绑定事件+保存前判断所有name为空阻断提交
js实现动态添加具有相同name的input+动态添加的input绑定事件+保存前判断所有name为空阻断提交
475 0
js实现动态添加具有相同name的input+动态添加的input绑定事件+保存前判断所有name为空阻断提交
日常开发遇到的坑click && focus事件 运行2次函数的解决方法
click && focus事件 运行2次函数的解决方法
1250 0