如何使用一次单击 +1 值，第二次单击 -1 值等来制作类似按钮

Question

我是新来的

我有这个代码

<div class="like-buttons">
    <div class="liked"></div><button class="dislike like"><span class="countl">12</span></button>
</div>

https://codepen.io/Void0000/pen/oNzGmGr

我需要制作（使用 jQuery）一些功能，当我点击我的按钮时，它将计数 +1（例如：如果它是 2 则变为 3），并且当我再次点击它，它会计数 -1（例如：如果它是 3 现在变成 2）等等

Answer 1

通过 jQuery 在类上设置事件侦听器。喜欢 -

$('.like').onclick(function(){
     let like = $(this). closest('.countd').html();
     like = like + 1;
});

对“不喜欢”按钮执行相同操作。

Answer 2

对不起，我写的是我有两个buttnos，它错了，一个只有一个按钮，所以我只需要一个按钮的这个功能。所以我在按钮 +1 上点击一次，我再次点击这个按钮 -1，等等 < 只有 1 个按钮！

Answer 3

根据@Shivam的回答你可以这样改；

$('.like').onclick(function(){
     let like = $(this).closest('.countd').html();
     if($(this).hasClass("clicked")){
         $(this).removeClass("clicked");
         like++;
     }
     else{
         $(this).addClass("clicked");
         like--;
     }
     $(this).closest('.countd').html(like)
});

你能检查一下吗Link。我做了一些修改。

$(document).ready(function() {
   $('.like').click(function() {
       let like = parseInt($('.countl').html());
       if ($(this).hasClass("clicked")) {
           $(this).removeClass("clicked");
           like++;
       } else {
           $(this).addClass("clicked");
           like--;
       }
       $('.countl').html(like)
   });
});

Answer 4

不幸的是，这一切都不起作用 = (

如何使用一次单击 +1 值，第二次单击 -1 值等来制作类似按钮

How to makelike button with once click +1 value, second click -1 value etc

jquery

increment

button

decrement