使用JavaScript的点击事件后，不需要1秒钟的延迟

问题描述

我有一个javascript代码，当用户单击框上的任意位置时，它们会从单选按钮1切换到单选按钮2。它有效，但仅在1秒钟左右的延迟之后。这些盒子将有一百个，因此这种延迟确实会杀死用户体验。有什么线索会导致这种滞后？

注意：如果我删除循环，并以其唯一ID作为目标元素，而不是循环遍历“具有x类的所有元素”，则滞后现象消失了。但是我需要循环，考虑到会有一百个这样的盒子……

这是JavaScript：

$('.checkBox-oui-non').click(function(evt) {
    var a = document.querySelectorAll(".checkBox-oui-non");
    var b = document.querySelectorAll(".checkBox-oui-non .oui");
    var c = document.querySelectorAll(".checkBox-oui-non .non");
    
    for (i = 0; i < a.length; i++) {
        if (b[i].checked ||
        c[i].checked) {
            if (b[i].checked) {
                b[i].checked = false; 
                c[i].checked = true;
            }
            else if (c[i].checked){
                b[i].checked = true; 
                c[i].checked = false;
                }
        } else {    
            b[i].checked = true;
        }
    }
});

和html：

<div class="checkBox-oui-non">
    <span>L'enfant est né d'une précédente union</span>
    <div class="oui-non-toggle-wrapper">
        <div class="checkBox">
            <input type="radio" id="moi_oui" name="moi" class="oui">
            <label for="moi_oui">oui</label>
        </div>
        <div class="checkBox">
            <input type="radio" name="moi" id="moi_non" class="non">
            <label for="moi_non">non</label>
        </div>
        <div class="oui-non-toggle"></div>
    </div><!-- end of oui-non-wrapper -->
</div><!-- end of checkBox-oui-non -->

非常感谢您的帮助！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）