按钮开和关单击事件

Question

我正在尝试使用addClass和removeClass，以便我可以使用比较图表进一步处理。

代码：

$('li').click(function (evt) {
  if ($(this).attr("class") == "Btn1"){
     $(this).addClass("selected");
     chart($(this).attr("class"));
     alert($(this).attr("class")); alert output -->Btn1
  }
}

问题是当用户再次点击按钮 - 将其设置为关闭状态时 - 图表不会熄灭。

您能为此提供参考吗？

Answer 1

不确定chart()的重点是......

试试这个：

$('li').click(function () {
    if ($(this).attr("class") == "Btn1") {
        $(this).addClass('selected');
    } else {
        $('.selected').removeClass('selected');
    }
});

<强> JSFiddle Demo

Answer 2

试试这个：

if ($(this).attr("class") == "Btn1 selected"){
   $(this).removeClass("selected");
   alert($(this).attr("class")); //alert output -->Btn1
}else if($(this).attr("class") == "Btn1"){
     $(this).addClass("selected");
     alert($(this).attr("class")); //alert output -->Btn1 selected
}