Jquery 单击时更改多个按钮文本

我已经尝试过在点击这里后切换按钮文本。我为另一个按钮使用了不同的ID，但它似乎不起作用。 如何对多个按钮使用相同的功能

函数按钮切换（）{
var change=document.getElementById（“btnAdd”）；
如果（change.innerHTML==“添加”）
{
change.innerHTML=“已添加”
}
否则{
change.innerHTML=“添加”
}
}

添加




添加

在切换功能中传递参数

 function buttonToggle(ButtonID) {
            var change = document.getElementById(ButtonID);
            if (change.innerHTML == "ADD")
            {
                change.innerHTML = "ADDED"
            }
            else {
                change.innerHTML = "ADD"
            }
        }

就这样说吧

按钮一：

<button type="button" class="btn btn-primary btn-lg" id="btnAdd" onclick="buttonToggle('btnAdd')">

添加




添加

检查字符串不好。如果文本更改为“添加”或“添加”或“添加”，该怎么办。因此，我总是建议使用class，因此

addClass

，

removeClass

和

hasClass

。检查以下代码段：

$（“按钮”）。在（“单击”，函数（）{
if（$（this.find（“b”）.hasClass（“active”））{
$（this.find（“b”）.text（“ADD”）.removeClass（“active”）；
}否则{
$（this.find（“b”）.text（“ADDED”）.addClass（“active”）；
}
});

添加




添加
在函数中查看此传递事件，您也不需要id。
<button type="button" class="btn btn-primary btn-lg" id="btnAdd2" onclick="buttonToggle('btnAdd2')">