如何在单击第一个按钮时将第二个按钮传递给javascript函数

how to pass second button on click over the first button to a javascript function

本文关键字：按钮 函数 javascript 第二个 单击 第一个      更新时间：2023-09-26

我是javascript和html的新手。我有一个小问题。我在javascript文件中有如下内容。

function setColor(btn, color)
{
if (btn.style.backgroundColor == "#f47121") {
    btn.style.backgroundColor = color;
} else {
    btn.style.backgroundColor = "#f47121";
}
}
<input type="submit" value="Review & Next" name="b1" onclick="setColor(this,'#fff200');" />
<input type="submit" value="1" name="b2" />

我的问题是，当点击第一个按钮而不是"this"时，如何将第二个按钮作为函数参数传递。我使用b2，但它不起作用。有人能帮忙吗

您可以使用id。

将id设置为'b2'，然后在函数内部查找并设置它。您不再需要使用this。。无论您在函数中传递什么id，都将使用它。

<input type="submit" value="Review & Next" name="b1" id="b1" onclick="setColor('b2','#fff200');" />
<input type="submit" value="1" name="b2" id="b2"/>

您现在可以将它们中的任何一个传递给函数

function setColor(arg, color)
{
   var btn = document.getElementById(arg);
if (btn.style.backgroundColor == "#f47121") {
    btn.style.backgroundColor = color;
} else {
    btn.style.backgroundColor = "#f47121";
}
}
相关文章：