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

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

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

---

使用

=

比较

字符串

，而不是

=

您的按钮将始终是

buttonGrey

，因为如果它在第一个

if

语句中更改，它将在第二个语句中再次更改，因为它不在

else

语句中。
您还可以使用

toggleClass

切换类。

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

---

使用

=

比较

字符串

，而不是

=

您的按钮将始终是

buttonGrey

，因为如果它在第一个

if

语句中更改，它将在第二个语句中再次更改，因为它不在

else

语句中。
您还可以使用

toggleClass

切换类。

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

---

如果你有一个按钮带有“buttonID”，那么你可以像这样改变课堂

$("#buttonID").removeClass("buttonGrey").addClass("buttonGreen");

或者使用jquery的切换功能

$("#buttonID").click(function () {
      $(this).toggleClass("buttonGrey buttonGreen");
    });

---

如果你有一个按钮带有“buttonID”，那么你可以像这样改变课堂

$("#buttonID").removeClass("buttonGrey").addClass("buttonGreen");

或者使用jquery的切换功能

$("#buttonID").click(function () {
      $(this).toggleClass("buttonGrey buttonGreen");
    });

---

上述答案部分正确。为了进行比较，您应该使用

=

（

==

最好在适当的时候使用）

但是在上面的代码中，

这将不是您所期望的。在您的情况下，它很可能是全局
窗口
对象。必须使用如下函数传递输入的引用：

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

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

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

“buttonGrey”%>
功能检查按钮（in）
{
如果（in.className==“buttonGrey”）{
$（英寸）.removeClass（“buttonGrey”）；
$（英寸）.addClass（“按钮绿色”）；
}
如果（in.className==“buttonGreen”）{
$（in.removeClass（'buttonGreen'）；
$（in.addClass（'buttonGrey'）；
}
}
以上答案部分正确。为了进行比较，您应该使用
=
（
==
最好在适当的时候使用）

但是在上面的代码中，
这将不是您所期望的。在您的情况下，它很可能是全局
窗口
对象。必须使用如下函数传递输入的引用：

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

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

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

“buttonGrey”%>
功能检查按钮（in）
{
如果（in.className==“buttonGrey”）{
$（英寸）.removeClass（“buttonGrey”）；
$（英寸）.addClass（“按钮绿色”）；
}
如果（in.className==“buttonGreen”）{
$（in.removeClass（'buttonGreen'）；
$（in.addClass（'buttonGrey'）；
}
}
您好，问题是您在if语句中使用赋值运算符

我不确定你想做什么：

当我编写这样的eventhandler时，我会这样编写：

$('#mybutton').click(function(){
  if ($(this).attr('class') === "buttonGreen") {
     $(this).removeClass('buttonGreen');
     $(this).addClass('buttonGrey');
  }
});

要实际从asp.net获取按钮id，请使用以下代码：

$('#<%=btnMyButton.ClientID %>').click(function().....

$（'#'）。单击（函数（）。。。。。

祝您好运；）
您好，问题是您在if语句中使用了赋值运算符

我不确定你想做什么：

当我编写这样的eventhandler时，我会这样编写：

$('#mybutton').click(function(){
  if ($(this).attr('class') === "buttonGreen") {
     $(this).removeClass('buttonGreen');
     $(this).addClass('buttonGrey');
  }
});

要实际从asp.net获取按钮id，请使用以下代码：

$('#<%=btnMyButton.ClientID %>').click(function().....

$（'#'）。单击（函数（）。。。。。

祝你好运；）
我对Ruby/Rails了解不多，但理想的解决方案是将HTML标记与JavaScript分离。虽然您仍然可以在HTML元素上使用“onClick”事件，但通常最好给元素一个ID和/或名称，然后允许JavasScript绑定到该元素

以下是使用ID值的大致标记：

<%=button_to_function "✓", :class => "buttonGrey" :id => "myButton"%>

希望这对您有所帮助，或者至少引导您朝着正确的方向前进：）
我对Ruby/Rails了解不多，但理想的解决方案是将HTML标记与JavaScript分离。虽然您仍然可以在HTML元素上使用“onClick”事件，但通常最好给元素一个ID和/或名称，然后允许JavasScript绑定到该元素

以下是使用ID值的大致标记：

<%=button_to_function "✓", :class => "buttonGrey" :id => "myButton"%>

希望这能帮助你，或者至少能引导你朝着正确的方向前进：）
这个。className=“buttonGrey”应该是这个。className==“buttonGrey”。另外，它应该是
$（this）.removeClass
和
$（this）.addClass
，如果您有jQuery，您应该执行
if（$（this）.hasClass（'buttonGrey'））
实际的HTML是什么？如何调用
checkButton
？只是一个简单的jQuery提示，您可以使用toggleClass函数轻松切换类。例如，这个.toggleClass（“按钮绿色”）；然后按下按钮将在灰色和绿色之间切换——这将把代码从8行减少到1行。this.className=“buttonGrey”应该是this.className==“buttonGrey”。另外，它应该是
$（this）.removeClass
和
$（this）.addClass
，如果您有jQuery，您应该执行
if（$（this）.hasClass（'buttonGrey'））
实际的HTML是什么？如何调用
checkButton
？只是一个简单的jQuery提示，您可以使用toggleClass函数轻松切换类。例如，这个.toggleClass（“按钮绿色”）；按下按钮将在灰色和绿色之间切换——这将使代码从8行减少到1行。