Question

请参阅表格代码的以下部分。当我点击“保存1”按钮时，没有任何反应。单击“保存2”按钮时，将显示警报。不确定为什么在点击'SAVE 1'按钮时没有调用'display（'）。

<script type="text/javascript" >
function display()
{
alert("Hello there");
}
</script>

<button id="myFormSubmit1" type="button" class="btn btn-default" onClick='display();'>SAVE 1</button>
<button id="myFormSubmit1" type="button" class="btn btn-default" onClick='alert("Hello there")'>SAVE 2</button>

Answer 1

是更改您的按钮ID。如果你想使用相同的id意味着使用像这样的jquery

$(document).ready(function(){ 
$(".btn").click(function()
{
 alert("you get particular button attribute")
});
});

Answer 2

你的按钮元素实际上是否具有相同的ID？你需要让id成为唯一的。

<button id="myFormSubmit1" type="button" class="btn btn-default" onclick='display();'>SAVE 1</button>
<button id="myFormSubmit2" type="button" class="btn btn-default" onclick='alert("Hello there")'>SAVE 2</button>

Answer 3

更改按钮ID，它看起来相同，可能无法正常工作

Answer 4

你把你的js代码放在哪里了？我相信如果你把它放在正确的地方，它应该有用。

按钮ID不应该相同。
将您的脚本移动到正文的底部，我相信它应该可以正常工作。

Answer 5

正如其他人所建议的那样，按钮ID必须不同，但只有当您尝试访问按钮时，

你的问题出在其他地方。按钮ID的与您的问题无关

问题是你把脚本放在了错误的地方。把它放在<head>部分，它会起作用。

这是一个例子：FIDDLE

*请注意左上方的面板，我选择附加脚本in <head>部分。

Javascript功能不起作用

5 个答案: