如何添加onclick按钮事件？

Question

我已经在我的html表单中添加了一个小onclick事件并且它无效。这是我添加的，这是一个基本的

function myFunction()
{
alert("Hello World!");
}

和html

<button onclick="myFunction" class="btn btn-1 btn-1c">Credit Card</button>

但是这不起作用，请检查fidddle http://jsfiddle.net/RzT68/8/。如果字段未填充，另一个弹出窗口即将出现，但我无法弄清楚，如何在单击按钮时将其删除。

Answer 1

演示 http://jsfiddle.net/f8Fd3/

以下是代码:)

的演示

@DownVoter，请注意解释吗？

OP 正如m59所说的那样有点威严，而不是点击内嵌

请阅读此 Why is using onClick() in HTML a bad practice?

使用lil diff代码的另一个演示：http://jsfiddle.net/6wwe2/

OP休息，这应该适合您的需要！ :))

<强>码

<button onclick="javascript:myFunction()" class="btn btn-1 btn-1c">Credit Card</button>

Answer 2

根据我的理解你的问题试试这个

<button onclick="myFunction();" class="btn btn-1 btn-1c">

Demo

Answer 3

使用onclick时，你必须格式化这个函数：
<button onclick="myFunction()" class="btn btn-1 btn-1c">Credit Card</button>
在函数名后面加上括号。

Answer 4

在您的JSFiddle中，您可以在左侧的下拉列表中选择no wrap (head)。当选择onLoad时（默认情况下），您的函数在本地范围内定义。

参见工作示例：http://jsfiddle.net/f7W94/

在你的小提琴中，在左侧的下拉列表中选择无包裹（头部），单击“运行”，它将起作用。

此外，您应该将onclick事件格式化为函数调用，例如myFunction()不是myFunction。

Answer 5

通过编写myFunction，您没有执行该函数，而是返回函数定义。要执行该功能，请附加()，因此它应该是;

onclick='myFunction()'

这一开始令人困惑，但是当你开始深入研究回调时会有意义。例如，当你为某些东西提供回调函数时;

success: mySuccessFunction,
error: myErrorFunction

等你没有放()因为否则函数会在代码准备就绪时执行。而是提供函数定义，以便代码可以在需要时执行该函数。

Answer 6

如果你正在使用jQuery：

$('.btn-1c').click(myFunction);

是最简单的实现。鉴于您提供的代码，我无法为您提供更多帮助，但有更好的方法。

Answer 7

HTML

<button class="btn btn-1 btn-1c">Credit Card</button>

的jQuery

$(function() {
       $("button").click(function(){
              alert("Hello World!");
              return false;
        });
 )};    

工作jsfiddle：http://jsfiddle.net/farondomenic/B4k4T/