Question

我试图从一个按钮触发两个功能。当我单击按钮时，它应该转到函数check（），它还应该打开一个带有php脚本的弹出窗口。我将如何实现它。我尝试了不同的方法，但无法实现。任何人都可以帮助我吗？

    <input class="btn btn-primary" type="button" value="Save and Continue" onClick="OpenWindows(); return check();" />

check（）函数如下：

 function check(){
     var input, filter, ul, li, a, i;
        input = document.getElementById("customer_idSet");
        filter = input.value;
        ul = document.getElementById("customer_list");
        li = ul.getElementsByTagName("li");
        for (i = 0; i < li.length; i++) {   
            a = li[i].getElementsByTagName("sup")[0];
            if (filter==a.innerHTML) {
                return true;
            } 
        }
        alert("Please select the customer from dropdown or add a new customer");
        return false;
    }

从Openwindows（）函数如何触发弹出窗口？

Answer 1

您可以致电check()，然后从支票中致电OpenWindows();

function check(){
   ....
   OpenWindows();
}

Answer 2

我认为你的onClick（）实现是正确的。但是在您的html页面中注入OpenWindows（）方法可能存在问题。我根据您的实现及其工作，在单击中添加多个函数调用的示例。

示例：

function check1(){ console.log('check1'); } function check2(){ console.log('check2'); window.open('//www.google.com', '_blank'); }

<input class="btn btn-primary" type="button" value="Save and Continue" onClick="check2(); check1();" />

请参阅plunker示例：demo

Answer 3

有多种方法可以针对单个DOM添加方法。您已经在问题中说明了一种方法。

接下来是我在这里描述的。可以在脚本中执行以下操作，而不是在HTML中添加onclick：

<强> HTML：

input type="button" class="btn btn-primary" id="clickMe" value="Click" />

<强> JS：

$(function () {
    $('#clickMe').on('click', OpenWindows);
});

其中OpenWindows是JS中的方法，其中包含另外两种方法，即check()和openPopup()。

Demo

一键两个onclick事件

3 个答案: