jquery - 低于 0 时禁用按钮，高于 0 时启用

Question

我有一个 div，其中的值是 0 标准。我有两个按钮，+ 和 -

当值为 0 时，我希望禁用我的 - 按钮，并且从它被禁用的那一刻起高于 0 我希望启用它。

if (number == 0) {
    $("#min").prop("disabled", true);
    $("#plus").click(function () {
     number = number + 1;
     document.getElementById('num').innerHTML = number;
    });
}

if (number > 0) {
    $("#min").prop("disabled", false);

    $("#plus").click(function () {
     number = number + 1;
     document.getElementById('ptn1').innerHTML = number;
    });

    $("#min").click(function () {
     number = number - 1;
     document.getElementById('ptn1').innerHTML = number;
    });
}

Answer 1

更改您的代码，以便您可以轻松获取它(也通过注释详细说明)-

$(document).ready(function(){
  $("#min").prop("disabled", true); // initially minus is disabled
    $("#plus").click(function () { // on click of + button
      $('#num').html(parseInt($('#num').html())+1);  // get div number, add 1 and paste again to the div(new number)
      if(parseInt($('#num').html())>0){ //if new value is greater than 0
        $("#min").prop("disabled", false); // enable - button
      }else{
        $("#min").prop("disabled", true); // otherwise remain disable
      }
  });

  $("#min").click(function () { // on click of - button
    $('#num').html(parseInt($('#num').html())-1); // get div number,substract 1 and again paste again to the div(new number)
      if(parseInt($('#num').html())>0){ // if the new number is >0
        $("#min").prop("disabled", false); // remain enable of - button
      }else{
        $("#min").prop("disabled", true); // otherwise disable - button
      }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="num">0</div><br/>

<input type="button" id="plus" value="+(Add)">
<input type="button" id="min" value="-(Subtrat)">

注意:不要将 JavaScript 语法和 jQuery 语法混合在一起。纯粹使用其中之一。