Javascript 如何查看具有指定名称的输入按钮？

例如，我有一长串按钮：

但是，与其在每个按钮中调用同一个函数，不如添加一个监听事件，等待单击具有此名称的按钮。但同样，这里有许多按钮，所以我需要将单击的对象传递给函数。例如，此函数必须更新与此按钮相邻（nextSibling）的textarea字段。

var buttons=document.getElementsByName（'clickbutton'）；
var buttons = document.getElementsByName('clickbutton');
for (var i = 0; i < buttons.length; i++)
    buttons[i].onclick = function(){
        this.nextSibling.innerHTML = 'clicked!';
    }

对于（变量i=0；i

var buttons=document.getElementsByName（'clickbutton'）；
对于（变量i=0；i

查找事件委派。这可能是你需要的。谷歌上有很多很好的资源

更新： 对不起，我本可以在答案上多加一点努力，以下是一些结果

---

然后使用开关根据event.name属性确定要执行的操作。这种方法很酷的一点是，如果你的页面上有大量包含事件的元素，听起来像是这样，那么它应该会让你的页面感觉更具响应性；因为浏览器不必处理每个元素上事件的额外开销。

查找事件委派。这可能是你需要的。谷歌上有很多很好的资源

更新： 对不起，我本可以在答案上多加一点努力，以下是一些结果

然后使用开关根据event.name属性确定要执行的操作。这种方法很酷的一点是，如果你的页面上有大量包含事件的元素，听起来像是这样，那么它应该会让你的页面感觉更具响应性；因为浏览器不必处理每个元素上事件的额外开销。

您可以使用jQuery：

$('input[name|="clickbutton"]').click(function() {

    var currentButton = $(this);
    alert(currentButton.attr('id'));

});

这会将单击功能附加到名为“clickbutton”的所有输入元素

currentButton

是刚刚单击的输入元素。然后，该功能会提醒

currentButton

的id

更新：我在这里为您创建了一个工作示例：

希望对您有所帮助：）

您可以使用jQuery：

$('input[name|="clickbutton"]').click(function() {

    var currentButton = $(this);
    alert(currentButton.attr('id'));

});

这会将单击功能附加到名为“clickbutton”的所有输入元素

currentButton

是刚刚单击的输入元素。然后，该功能会提醒

currentButton

的id

更新：我在这里为您创建了一个工作示例：

希望有帮助：）