如何在不同的Javascript文件中允许多个复选框onClick事件处理程序

如何在不同的Javascript文件中允许多个复选框onClick事件处理程序,javascript,jquery,html,Javascript,Jquery,Html,我在HTML文件中有一组复选框。 然后在两个单独的JavaScript文件中有onClick()事件处理程序。 我刚刚注意到,当我单击复选框时,只调用了我的onClick方法中的一个。如果我删除其中一个事件处理程序,那么另一个将正常工作。必须有某种方法来获取click事件,而不是为其他侦听器吞下该事件 如何允许调用这两个事件处理程序 var at = document.getElementById("at"); at.onclick = function() {

我在HTML文件中有一组复选框。 然后在两个单独的JavaScript文件中有
onClick()
事件处理程序。 我刚刚注意到,当我单击复选框时,只调用了我的
onClick
方法中的一个。如果我删除其中一个事件处理程序,那么另一个将正常工作。必须有某种方法来获取click事件,而不是为其他侦听器吞下该事件

如何允许调用这两个事件处理程序

        var at = document.getElementById("at");
        at.onclick = function() { 

分配给
onclick
将覆盖以前存在的内容。如果要堆叠事件,请在本机JS或jQuery中使用
addEventListener
。“单击”

JS

var at = document.getElementById("at");
at.addEventListener("click", function() { //whatever
                                        }, false);
at.addEventListener("click", function() { //some other function
                                        }, false);

jQuery

$('#at').on("click", function() {//whatever
                                })
        .on("click", function() {//some other function
                                });

的确如此。另外,如果您想从某个onclick事件停止事件执行,可以调用
event.stopPropagation()
,这是因为您的第一个回调将被最后一个回调替换。您应该看到@chiliNUT的答案,而且您可能也应该看到这一点