Jquery Plus /减号增量器

1''*_*''' 5 jquery

我希望有一个客户端Plus/Minus系统,用户可以点击加号,一个值加1,减去值,值减1,该值永远不会低于零,应该从0开始.是否有一种简单地在jquery中执行此操作的方法?所有jquery插件都会查看此操作的位OTT.

任何帮助表示赞赏,ta.

Row*_*wan 12

这样的事情:

HTML:

<a id="minus" href="#">-</a>
<span id="value">0</span>
<a id="plus" href="#">+</a>
Run Code Online (Sandbox Code Playgroud)

使用Javascript:

$(function(){

    var valueElement = $('#value');
    function incrementValue(e){
        valueElement.text(Math.max(parseInt(valueElement.text()) + e.data.increment, 0));
        return false;
    }

    $('#plus').bind('click', {increment: 1}, incrementValue);

    $('#minus').bind('click', {increment: -1}, incrementValue);

});
Run Code Online (Sandbox Code Playgroud)

  • 刚意识到需要将其解析为int!var value = parseInt($('#value').text(value)); (2认同)
  • 哇,这可能*真的*被重构! (2认同)

Ais*_*ina 3

var currentValue = 0;

$(document).ready(function() {
  $('#up').click(function() {
    currentValue++;
  });
  $('#down').click(function() {
    if (currentValue > 0) {
      currentValue--;
    }
  });
});
Run Code Online (Sandbox Code Playgroud)

放入currentValue文本字​​段或其他元素将变得微不足道。