Question

我是javascript / jquery的新手。我有一个小问题。我在java脚本文件中有以下内容。

<button id="button1" onclick=click() />
<button id="button2" onclick=click() />
<button id="button3" onclick=click() />

所以点击功能看起来像下面的

click(id){


/do some thing
}

所以我的问题是，当点击按钮时，我们如何将按钮ID传递给函数。

<button id="button1" onclick=click("how to pass the button id value to this function") />

如果单击按钮，我们如何将按钮ID（如“button1”）传递给click功能。如果有人可以回答我的问题，我真的很感激。

谢谢，斯瓦特

Answer 1

我建议您一如既往地使用不显眼的脚本，但如果您使其内联使用this，例如：

<button id="button1" onclick="click(this.id)" />

不引人注目的方式如下：

$("button").click(function() {
  click(this.id);
});

Answer 2

你不需要。

function handleClick(){
    //use $(this).attr("id");
    //or $(this) to refer to the object being clicked
}

$(document).ready(function(){
   $('#myButton').click(handleClick);
});

Answer 3

那不是jQuery-ish。你应该使用事件监听器：

$(function() {
    $('#button1,#button2,#button3').click(clicked);
    function clicked() {
        // "this" will refer to the clicked button inside the function
        alert($(this).attr('id'));
    }
});

Answer 4

对于初学者：不要使用onclick（）。 This is the way要做得好。

当你全神贯注地想到这一点时，想想“那个男孩为了一个小小的事件而写了一大堆牛奶！”，转向jquery。

在jquery中执行相同的操作是simple。

如何在javascript / jquery中单击按钮时选择按钮ID

4 个答案: