将值推送到数组onclick并循环以添加数组值。使用Javascript

时间:2013-11-13 22:15:45

标签: javascript arrays onclick

所以我对此非常陌生,并希望能够在"存款"每次单击按钮时都会出现文本框。我也不得不用四分之一,硬币和镍按钮来做这件事。这就是我到目前为止所拥有的。

<input type="button" value="Dollar" id="dollar" />
$<input type="text" id="deposit" />

javascript是:

var $ = function (id) { return document.getElementById(id); }

var item = [];

var total = 0;
for (i=0; i < item.length; i++){
total += item[i];
$("deposit").value = total;
}
$("dollar").onclick = item.push(1);

非常感谢您提供的任何帮助!

2 个答案:

答案 0 :(得分:0)

你不是说

Live Demo

var $ = function (id) { return document.getElementById(id); }
var add = function(fld,val) {
  return (parseFloat(fld.value)+val).toFixed(2);
}

window.onload=function() {
  $("dollar").onclick=function() { 
    $("deposit").value = add($("deposit"),1);
  }  
  $("dime").onclick=function() { 
    $("deposit").value = add($("deposit"),.1);
  } 
  $("nickel").onclick=function() { 
    $("deposit").value = add($("deposit"),.05);
  } 
  $("refund").onclick = function() {    
    $("deposit").value = "0.00";
  } 
}

答案 1 :(得分:-1)

试试这个:

HTML

<!DOCTYPE html>
<html>

  <head>
    <script data-require="jquery@1.9.1" data-semver="1.9.1" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="script.js"></script>
  </head>

  <body>
    <input type="button" value="Dollar" id="dollar" />
$   <input type="text" id="deposit" />
  </body>

</html>

JavaScript的:

$(function() {

  var item = [];

  $("#dollar").click(function() {
    item.push(1);
    var total = 0;
    for (var i = 0; i < item.length; i++) {
      total += item[i];
      $("#deposit").val(total);
    }
  });

});

Plunker example