javascript - jQuery 单击具有不同类的相同按钮

Question

我有一个类名为 test-button test-button--check 的按钮。单击 test-button--check 后，它应该执行某些操作并替换为类 test-button--reset

对于test-button--reset我想再写一个函数，但是不行。因为，之前的函数又执行了。

$(".test-button--check").on("click", function() {
  alert("Check is clicked");
  $(this).removeClass("test-button--check").addClass("test-button--reset");
});

$(".test-button--reset").on("click", function() {
  alert("Reset is clicked");
  $(this).removeClass("test-button--reset").addClass("test-button--check");
});

我能做什么？

谢谢

Answer 1

你可以用这种方式在document.ready里面写你的代码

$(".test-button--check .test-button--reset").on("click", function(e) {
   e.preventDefault();
   var obj=$(this);
   if($(obj).hasClass('test-button--check')){
       alert("Check is clicked");
       $(this).removeClass("test-button--check").addClass("test-button--reset");
   }
   if($(obj).hasClass('test-button--reset')){
       alert("Reset is clicked");
       $(this).removeClass("test-button--reset").addClass("test-button--check");
   }
});