javascript - 文本框值不会变成负值

Question

$(document).ready(function() {
     var label = parseInt($("#label1").html());
     alert(label);
     $("#Incre").click(function() {
         $("#number").val(parseInt($("#number").val()) + label);
     });
     $("#Decre").click(function() {
         $("#number").val(parseInt($("#number").val()) - label);
     });
 });

<label id='label1'>50</label>
<input id='number' value=0></input>
<button  id='Incre'>Incre</button>
<button  id='Decre'>Decre</button> 

我有这个代码，它可以工作。但是当文本框值为 Zero 时。如果我单击递减按钮，文本框值将变为负值。如何控制这个。

Answer 1

您可以使用此代码:-

<script>
    $(document).ready(function() {
     var label = parseInt($("#label1").html());
     alert(label);
     $("#Incre").click(function() {
         $("#number").val(parseInt($("#number").val()) + label);
     });
     $("#Decre").click(function() {
         var final_number = parseInt($("#number").val()) - label;
         if (final_number >= 0) {
             $("#number").val(parseInt($("#number").val()) - label);
         }

     });
 });
</script>
<label id='label1'>50</label>
<input id='number' value=0></input>
<button  id='Incre'>Incre</button>
<button  id='Decre'>Decre</button>