javascript - 需要帮助编写 js 函数来更改调用它的按钮的类

Question

我不太擅长js，但基本上我有一个按钮

<%=button_to_function "✓", checkButton(), :class => "buttonGrey"%>

那是调用我做的js函数。但是，我的函数语法出现错误。

function checkButton()
{
if (this.className="buttonGrey") {
    this.removeClass('buttonGrey');
    this.addClass('buttonGreen');
}

if (this.className="buttonGreen") {
   this.removeClass('buttonGreen');
   this.addClass('buttonGrey');
}
}

Answer 1

使用 == 比较字符串，而不是 =。
您的按钮将始终为 buttonGrey，因为如果它在第一个 if 语句中发生更改，那么它会在第二个 if 语句中再次更改，因为它不在 else 内> 声明。
您还可以使用 toggleClass 来切换类。

function checkButton() {
    $(this).toggleClass("buttonGrey buttonGreen");
}