Question

我正在使用多个按钮，我的问题是当我点击任何按钮然后第一个按钮的文本更改，而不是我点击的那个按钮。我在这里使用所有按钮的相同按钮ID，但是对于这样的多个按钮很难使用不同的按钮id，所以没有使用不同id的任何其他简单方法。我想一次只更改一个按钮，而不是其他按钮。请帮助..！

html代码

user1
<input type="button" value="Connect" id="toggle" onclick="myFunction()">
user2
<input type="button" value="Connect" id="toggle" onclick="myFunction()">
user3
<input type="button" value="Connect" id="toggle" onclick="myFunction()">

依旧......

和js函数是

function myFunction()
    {
        var change = document.getElementById("toggle");
        if (change.value=="Connected") change.value = "Connect";
        else change.value = "Connected";
    }

Answer 1

你也可以这样做吗？您可以按如下方式更改onclick事件：

Change onlick functions to this: onclick ="myFunction(this)"

并将您的javascript函数更新为如下所示：

function myFunction(obj) {
    if (obj.value == "Connected")
        obj.value = "Connect";
    else
        obj.value = "Connected";
}

Answer 2

您无法对多个元素使用相同的ID。只需使用class而不是Id。然后您的代码将如下所示：

$(".toggle").click(function(){}
    $(this).text("Whatever");
})

单击多个按钮后如何更改按钮文本？

2 个答案: