Javascript 更改多功能按钮的颜色

我有一套按钮，按下时会改变颜色。 我尝试使用GetElementyByCassName，但当我按下不同的按钮时，所有按钮的颜色都会改变。我的目标是制作某种选择器，您可以在其中选择标准，并根据标准显示最终结果

函数changecolor（）{
var elements=document.getElementsByClassName（“按钮”）[0].style.color=“蓝色”；
}

选择您的标准
容易处理
小的
便宜

试试这个：

函数更改颜色（idElement）{
var elements=document.getElementById（ideElement.style.color=“蓝色”；
}

选择您的标准
容易处理
小的
便宜

试试这个：

函数更改颜色（idElement）{
var elements=document.getElementById（ideElement.style.color=“蓝色”；
}

选择您的标准
容易处理
小的
便宜

您应该试试jQuery

<h2><span class="primary-text">Choose </span>your criteria</h2>
      <button class="button" type="button" id="lightframe">easy to handle</button>
      <button class="button" type="button" id="outdoor">small</button>
      <button class="button" type="button" id="smallsize">cheap</button>



//This code will only change the one that is selected

    $('.button').click(function() {
      $(this).css("color", "blue");
    });

选择您的标准
容易处理
小的
花钱少的
//此代码将仅更改选定的代码
$（'.button'）。单击（函数（）{
$（this.css（“颜色”、“蓝色”）；
});

您应该试试jQuery

<h2><span class="primary-text">Choose </span>your criteria</h2>
      <button class="button" type="button" id="lightframe">easy to handle</button>
      <button class="button" type="button" id="outdoor">small</button>
      <button class="button" type="button" id="smallsize">cheap</button>



//This code will only change the one that is selected

    $('.button').click(function() {
      $(this).css("color", "blue");
    });

选择您的标准
容易处理
小的
花钱少的
//此代码将仅更改选定的代码
$（'.button'）。单击（函数（）{
$（this.css（“颜色”、“蓝色”）；
});

您只需将按钮传递给函数即可

功能更改颜色（按钮）{
button.style.color=“蓝色”；
}

选择您的标准
容易处理
小的
便宜

您只需将该按钮传递给函数即可

功能更改颜色（按钮）{
button.style.color=“蓝色”；
}

选择您的标准
容易处理
小的
便宜

嘿，谢谢，这对我很有用。只有一个问题：当我再次按下按钮时，如何再次更改颜色？再次感谢你的帮助。谢谢你，这对我有用。只有一个问题：当我再次按下按钮时，如何再次更改颜色？再次感谢你的帮助