在我的页面中，我有许多编辑按钮，每个名称都以“edit”开头，然后是一些 id。我想知道我的任何编辑按钮是否被点击。 详细来说，我有表格。在表单中，我有许多名称以 "edit" 开头的编辑按钮、名称以 "delete" 开头的删除按钮和 1 个添加按钮。都是提交按钮。表单 onsubmit 我调用 JavaScript 函数，如果按钮是编辑确认（“某些文本”），我想要在其中提交表单。 我怎样才能在 JavaScript 中做到这一点？ 我认为给所有这些按钮相同的 id 然后 getElementById 但是我如何改变？
【问题讨论】：
标签： javascript html jsp button
使用 jQuery 很简单：
$(':button').click(function() {
// reference clicked button via: $(this)
var buttonElementId = $(this).attr('id');
});
试试看： http://jsfiddle.net/7YEay/
根据 cmets 中的反馈进行更新
这是未经测试的/伪代码：
$(':submit').click(function(event) {
var buttonName = $(this).attr('name');
if (buttonName.indexOf('edit') >= 0) {
//confirm("some text") logic...
}
event.preventDefault();
});
此文档也可能有帮助：http://api.jquery.com/submit/
【讨论】：
function MyOnSubmit(e){
e = e || window.event;
// srcElement for IE, target for w3c
var target = e.target || e.srcElement;
if (target.id.indexOf("edit") > -1){
// an edit button fired the submit event
}
}
虽然我建议您进一步研究以找到处理编辑和删除按钮的更好方法（例如将它们与 href=editpage.jsp?id=23 链接）
【讨论】：
我很确定您只是自己回答了这个问题...
每个都以“编辑”开头，并以唯一的 ID 结尾？ 所以... $(button).attr("id") 会给你那个。将其存储在变量中？不知道你想做什么..
【讨论】：
在所有按钮上绑定点击事件：
for (var i = 0; i < buttons.length; i++) {
var button = buttons[i];
if (button.addEventListener) {
button.addEventListener('click', handler, false);
}
else {
button.attachEvent('onclick', handler);
}
}
在您的事件处理程序中，获取 Event 对象，然后获取目标：
function handler(e) {
e = e || window.event;
// srcElement for IE, target for w3c
var target = e.target || e.srcElement;
var id = target.name.substring(4);
/* your code rely on id */
}
【讨论】：
request.getParameter("xxx")
我认为您可能没有正确表达您的问题。如果您使用的是 jquery，定位按钮就像$('#id') 一样简单，如果您想在该按钮上存储任何信息，您可以添加属性或使用jquery.data 函数。
$('#id').attr("pressed", "true");
或者
$('#id').data('pressed', 'true');
【讨论】：