如何通过点击第一个按钮将第二个按钮传递给javascript函数

Question

我是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，但它没有用，任何人都可以帮助请

Answer 1

你可以改用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";
}
}