如何计算通过按钮

-2

<div class="count-box cocuk-count"> 
    <span class="count-text">Çocuk:</span> 
    <span class="kisi-down"></span> 
    <span class="kisi-sayi-text">1</span> 
    <span class="kisi-up"></span> 
</div>

，如果我点击第一个按钮（减号），则必须向前计数或如果我点击第二个按钮（加）它必须计算jquery如何可能？

来源

2016-10-02 ani_css

请出示你已经尝试了什么。这并不难，至少得到一个起点编码和stackoverflow不是一个代码写作服务 – charlietfl

对于另外

$('.kisi-up').click(function(){ 
    $('.kisi-sayi-text').html(parseInt($('.kisi-sayi-text').html())+1); 
});

对于减法

$('.kisi-down').click(function(){ 
    $('.kisi-sayi-text').html(parseInt($('.kisi-sayi-text').html())-1); 
});

来源

2016-10-02 17:39:40

感谢downvote，你能辩解吗？ –

应始终使用基数参数 – charlietfl

是否足够投下我的答案？它不应该使用基数，对吗？ –

试试这个：

 $(document).ready(function() { 
     function Counter(counterElement) { 
      var counterElementValue = Number(counterElement.text()); 

      function setCounter(counterValue) { 
       counterElement.text(counterValue); 
      } 

      return { 
       add: function() { 
        setCounter(++counterElementValue); 
       }, 
       subtract: function() { 
        setCounter(--counterElementValue); 
       } 
      } 
     }; 

     var counter1 = new Counter($('.kisi-sayi-text')); 

     $('.kisi-down').on('click', function() { 
      counter1.subtract(); 
     }) 
     $('.kisi-up').on('click', function() { 
      counter1.add(); 
     }) 
    });

，如果你愿意，你可以创建severals计数器。

希望这有助于你

来源

2016-10-02 17:58:30

您是否认为这是一个相关的答案？ –

我这样认为，这解决了他的问题，也可以重复使用这个来创建几个计数器。 –

var minus = $('.kisi-down:eq(0)'), 
plus = $('.kisi-up:eq(0)'), 
label = $('.kisi-sayi-text:eq(0)'), 
counter = Number(label.html()); 

function count(isUp) { 
    isUp ?counter++:counter--; 
    label.html(counter); 
}; 

function up(){ 
    count(true); 
} 

function down(){ 
    if(counter >0) count(false); 
} 

plus.on('click',up); 
minus.on('click',down);

来源

2016-10-02 17:59:35

它工作得很好，但它的作品只有一个我有三个计数盒，它必须工作所有计数盒 –

如何计算通过按钮

回答

相关问题