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

如题,相信大家都会遇到这个问题,那么为什么会触发多次呢?其实当你用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');
        }
    })    
}
复制代码

 

posted @   Seaurl  阅读(4574)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· [AI/GPT/综述] AI Agent的设计模式综述
历史上的今天:
2015-08-08 解决sitemesh3装饰页面不能使用freemarker标签问题
2013-08-08 动态显示轮播图片
2012-08-08 T-SQL行转列、列转行
2012-08-08 T-SQL 经典行专列、列转行,分页及存储过程(转)
点击右上角即可分享
微信分享提示