jQuery 按钮 + 和 -答案

【问题标题】：jQuery button + and -jQuery 按钮 + 和 -
【发布时间】：2016-08-10 05:31:48
【问题描述】：

我需要用输入和“-”和“+”按钮创建简单的表单。输入的初始值为例如 8，最小值为 3，最大值为 11。

计数器只在第一次工作。

(function() {

  $jsPassLength = $('#js-pass-length');
  value = $jsPassLength.val();

  $('.minus').click(function() {
    $jsPassLength.attr('value', value * 1 - 1);
  });

  $('.plus').click(function() {
    $jsPassLength.attr('value', value * 1 + 1);
  });

})();

DEMO

【问题讨论】：

在问题中发布您的代码，而不是在 jsfiddle 中。使用snipplet，就像jsfiddle一样。
jsfiddle.net/0cbsgyac/2
为什么是 IIFE 而不是 $(function() {}); 来等待 DOM 加载？
我这里的格式有问题，但我不认为这是评分这么差的原因：/
为什么还要(function{...})()而不是$(function() {...});？

标签： jquery forms dom input

【解决方案1】：

只需像这样编辑您的 JS：

$(function() {
  $jsPassLength = $('#js-pass-length');
  var value,
      min_value = 3,
      max_value = 11;

  $('.minus').click(function(){ 
    value = $jsPassLength.val();

    if (value > min_value) {
      $jsPassLength.attr('value',value*1-1);
    }
  });


  $('.plus').click(function(){ 
    value = $jsPassLength.val();

    if (value < max_value) {
      $jsPassLength.attr('value',value*1+1);
    }
  });
})();

DEMO

【讨论】：

非常感谢！ :) 如果我需要添加最大值或最小值？
如果此解决方案对您有用，请不要忘记接受它作为正确答案。 :)