單擊按鈕后如何按順序對數字求和？
[英]How to sum a number in sequence after click a button?
問題描述
$(document).ready(function(){ var current = 0; current += 4; $('.add').click(function(){ $('.box').html(current); }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button class="add">add</button> <div class="box"> 0 </div>
我想像上面的代碼片段一樣單擊add按鈕后，按順序求和一個數字，因此結果將是4 8 12 16 18 ，依此類推。 教我該怎么做？
8 個解決方案
解決方案1
2 2017-07-27 04:25:54
嘗試以下操作：您的增量也應該在click函數中。 因此，增量實際上是在您單擊時發生的，如果在外部，則不會發生。
$(document).ready(function(){
var current = 0;
$('.add').click(function(){
current += 4;
$('.box').html(current);
});
});
解決方案2
1 2017-07-27 04:24:40
您必須增加點擊處理程序。 現在，它僅增加一次。
$(document).ready(function(){ var current = 0; $('.add').click(function(){ current += 4; $('.box').html(current); }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button class="add">add</button> <div class="box"> 0 </div>
解決方案3
1 2017-07-27 04:25:38
您需要將線路current += 4;移動current += 4; 到click function里面。 因此，只有您可以increment on click的值on click否則，您的每次click將獲得4 。
$(document).ready(function(){ var current = 0; $('.add').click(function(){ current += 4; $('.box').html(current); }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button class="add">add</button> <div class="box"> 0 </div>
解決方案4
1 2017-07-27 04:25:40
單擊功能內的移動計數。
$(document).ready(function() { var current = 0; $('.add').click(function() { current += 4; $('.box').html(current); }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button class="add">add</button> <div class="box"> 0 </div>
解決方案5
0 2017-07-27 04:27:48
嘗試以下操作：關鍵是獲取當前值，將當前值加4，然后用新的總和替換該值。
$(document).ready(function(){ $('.add').click(function(){ var existing = parseInt($("#result").text()); $('.box').text(existing + 4); }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button class="add">add</button> <div id ="result" class="box"> 0 </div>
解決方案6
0 2017-07-27 04:35:11
試試這個。 獲取框值，如果為true，則下一個檢查值為數字，然后將4加並綁定div中的值。
$('.add').click(function () { var current = $('.box').text(); if ($.isNumeric(current)) $('.box').html(parseInt(current)+4); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button class="add">add</button> <div id ="result" class="box"> 0 </div>
解決方案7
0 2017-07-27 04:51:00
在點擊功能內移動當前變量。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
var current = 0;
$('.add').click(function(){
current += 4;
$('.box').html(current);
});
});
</script>
<button class="add">add</button>
<div class="box">
0
</div>
解決方案8
0 2017-07-27 05:18:31
工作實例
這很簡單，您只需要使用循環和數組變量即可。 根據您的要求設置限制。
<html>
<body>
<script type="text/javascript">
$(document).ready(function(){
var current = 0;
var c=0;
var res = [];
$('.add').on('click', function(){
for (c = 0; c < 3; c=c+1){
current += 4;
res[c] = current
$('.box').html(' '+res);
}
});
});
</script>
<button class="add">add</button>
<div class="box">
</div>
</body>
</html>
如何通過單擊按鈕使該交通燈序列正常工作？？？
[英]How do I get this traffic Light sequence to work with the click of the button???
如何根據從數據庫中獲取的項目數在每次單擊按鈕后動態顯示div？
[英]How to show divs dynamically after each button click based on number of items fetched from database?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.