javascript - 具有用于 .click 事件的多个按钮的 Ajax 函数

标签 javascript html ajax

我有一个表单,其中有两个具有相同名称和 ID 的按钮(不要问我为什么,我没有创建表单,哈哈)。我正在尝试使用 Ajax .click 函数在单击按钮时运行。但是,该功能仅适用于“批准”按钮,不适用于“转发”按钮。是否可以从“转发”按钮调用此函数?

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#btnApprove").click(function(){
   alert("Button was clicked.");
  });
});
</script>
</head>
<body>
    <input type="submit" name="btnSubmit" id="btnApprove" value="Approve" tabindex="1102" />

    <input type="submit" name="btnSubmit" id="btnApprove" value="Forward" tabindex="1102" />
</body>
</html>

我修改了http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_event_click中的代码

最佳答案

ID 必须是唯一的。即使它们不是唯一的,jQuery 也只会选择第一次出现的情况。 您应该将 ID 更改为唯一。

但无论如何,您选择的是每个名称:

$("input[name=btnSubmit]").click(function(){
    alert("Button was clicked.");
}); 

关于javascript - 具有用于 .click 事件的多个按钮的 Ajax 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24832515/

相关文章:

javascript - 如何根据视口(viewport)大小和字体划分页面中的文本

html - Sass::单选按钮设计

jquery - 如何在 jquery 中创建具有固定高度的可滚动对话框?

javascript - 使用 PHP 生成的按钮生成 POST 请求,该按钮调用带参数的 javascript 函数

javascript - jquery 不能在浏览器中工作

javascript - 使用 dojo 访问远程 CSV 时出现问题

javascript - 如果图像响应,则获取图像的高度和宽度

html - Firefox 显示损坏的图像

php - 如何在加载图像时(滚动时)实现淡入淡出效果

javascript - CSS3 Transform 具有随机的 z-index/depth