解决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');
        }
    })    
}

 

目录
相关文章
|
5月前
|
前端开发
layui select 绑定onchange事件失效
layui select 绑定onchange事件失效问题处理
|
8月前
Input 标签监听内容输入(change、input 事件区别)
Input 标签监听内容输入(change、input 事件区别)
59 0
|
5月前
el-input-number阻止外层button的冒泡
el-input-number阻止外层button的冒泡
47 0
|
5月前
|
监控
jedate change事件监控,使用jedate无法使用change事件
jedate change事件监控,使用jedate无法使用change事件
|
5月前
|
JavaScript 程序员
input框输入中文时,输入未完成触发事件。Vue中文输入法不触发input事件?
input框输入中文时,输入未完成触发事件。Vue中文输入法不触发input事件?
164 1
|
7月前
|
语音技术
解决input中输入中文过程中会触发input事件的问题
解决input中输入中文过程中会触发input事件的问题
66 0
|
JavaScript 前端开发
【面试官系列】input、change,keydown、keypress、keyup触发的时机是?
我认为这道题是一个挺有意思的题,但是回答正确的面试者很少,今天我来聊一聊。先上 DJ,哦不对先上 DEMO,测试地址:https://www.lilnong.top/static/html/textarea-event-test.html
429 0
【面试官系列】input、change,keydown、keypress、keyup触发的时机是?
Item描述信息的更改也会导致will trigger ORDERADM_H的update函数触发
Item描述信息的更改也会导致will trigger ORDERADM_H的update函数触发
106 0
Item描述信息的更改也会导致will trigger ORDERADM_H的update函数触发