如何設置增量最小值

你好我正在爲學校做一個項目，我需要做的東西計數+1和+5和-1和-5，但如果它達到0，我按下-1按鈕它將進入負面。如何設置增量最小值

我試圖

if("#total" < 0) 
{ 
    number = 0; 
}

但它沒有工作

這是到目前爲止我的代碼：

$(document).ready(function() 
{ 
    $("#add_buttonplus").click(function() { 
     var $counter = $("#total"); 
     $counter.val(Number($counter.val()) + 1); 
    }); 
}); 

$(document).ready(function() { 
    $("#add_buttonminus").click(function() 
    { 
     var $counter = $("#total"); 
     $counter.val(Number($counter.val()) - 1); 
    } 
}); 

$(document).ready(function() 
{ 
    $("#add_buttonplus2").click(function() { 
     var $counter = $("#total"); 
     $counter.val(Number($counter.val()) + 5); 
    }); 
}); 

$(document).ready(function() { 
    $("#add_buttonminus2").click(function() 
    { 
     var $counter = $("#total"); 
     $counter.val(Number($counter.val()) - 5); 
    }); 
});

我的HTML：

<html> 
    <head> 
     <!--Title of the Site--> 
     <title> 
     </title> 
     <!-- Extern CSS --> 
     <link rel="stylesheet" type="text/css" href="order.css"> 
     <!-- Jquery --> 
     <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 
     <!-- Extern JavaScript --> 
     <script src="order.js" type="text/JavaScript"></script> 
    </head> 
    <body> 
     <h1> 
     Flower 
     </h1> 
     <div id='Flower'> 
     <a href="#" id="add_buttonplus1"></a> 
     <a href="#" id="add_buttonminus1"></a> 
     <p id="Flowertekst1"> 
      Add 1 Kilo 
     </p> 
     <a href="#" onclick="" id="add_buttonplus2"></a> 
     <a href="#" onclick="" id="add_buttonminus2"></a> 
     <p id="Flowertekst2"> 
      Add 5 Kilo 
     </p> 
     <p id="Flowertotaal"> 
      Total: 
     </p> 
     <input type="text" value="1" id="total" readonly /> 
     </div> 
    </body> 
</html>

來源

2014-01-18 Napokue

你可以發表你的HTML –

當然我會在第二個 – Napokue

*中添加它「但它不起作用」*你期望的行爲是什麼，發生了什麼？「不起作用」不是問題描述。 –

你必須添加一個if語句來確保每當兩個數字之間的差低於0輸入的值將被設置爲0。

if((FlowerTotal - 5) < 0) 
    $("#FlowerTotal").val(0); 
    else 
    $("#FlowerTotal").val(FlowerTotal - 5);

這裏是更新的HTML：

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 

    <meta charset="utf-8" /> 
    <title>JS Bin</title> 
</head> 
<body> 
    <h1>Flower</h1> 
    <div id='Flower'> 
     <p id="btnAdd1">Add 1 Kilo</p> 
     <p id="btnAdd5">Add 5 Kilo</p> 
     <p id="btnSub1">Subtract 1 Kilo</p> 
     <p id="btnSub5">Subtract 5 Kilo</p> 

     <p>Total:</p> 
     <input id="FlowerTotal" type="text" value="1" id="total" readonly /> 
    </div> 
</body> 
</html>

這裏是jQuery的/使用Javascript

$("#btnAdd5").click(function(){ 
    var FlowerTotal = parseInt($("#FlowerTotal").val()); 
    $("#FlowerTotal").val(FlowerTotal + 5); 
}); 

$("#btnAdd1").click(function(){ 
    var FlowerTotal = parseInt($("#FlowerTotal").val()); 
    $("#FlowerTotal").val(FlowerTotal +1); 
}); 


$("#btnSub5").click(function(){ 
    var FlowerTotal = parseInt($("#FlowerTotal").val()); 

    if((FlowerTotal - 5) < 0) 
    $("#FlowerTotal").val(0); 
    else 
    $("#FlowerTotal").val(FlowerTotal - 5); 
}); 

$("#btnSub1").click(function(){ 
    var FlowerTotal = parseInt($("#FlowerTotal").val()); 
    if((FlowerTotal -1) < 0) 
    $("#FlowerTotal").val(0); 
    else 
    $("#FlowerTotal").val(FlowerTotal - 1); 
});

您也可以在網上進行審覈：http://jsbin.com/EloSOTi/7/edit

來源

2014-01-18 07:20:22

而這是什麼問題？你做了什麼不同？你不想解釋你的解決方案，以便OP可以學習嗎？ –

我明白他的意思。他使用parseInt我沒有，他使用ID FlowerTotal和只是FlowerTotal。我不知道你可以在沒有＃的情況下使用身份證，也不會讓它成爲價值。謝謝偉大的工作爲我解決它：P – Napokue

嘿Allan Chua它在jsbin站點工作，但如果我把它放入我的記事本++並啓動它到啓動器它不起作用：s你能幫助我嗎？ – Napokue

如何設置增量最小值

回答

相關問題