javascript - 我如何连接输入值并将它们转换为总数？

Question

我有 4 个按钮，值为 1 - 4，我想在每次单击数字时连接按钮值并将其显示在 #result 中，但我对应该如何设置感到困惑完毕。目前我创建了一个数组，然后在单击时将每个值插入数组，然后将其转换为字符串，然后将其转换为数字，但我猜这是完全错误的方法，任何人都可以建议我如何实现这一目标？

JavaScript

$(document).ready(function () {

  var arr = [], value;

  $('.num').on('click', function(e) {
    value = $(this).val();
    arr.push(value);
    var test = parseInt(arr.toString());
    console.log(test);
    $('#result').text(test);


  });

});

HTML

 <form id="myForm">
    <input type="text" id="result" />
    <input type="button" class="num" value="1" />
    <input type="button" class="num" value="2" />
    <input type="button" class="num" value="3" />
    <input type="button" class="num" value="4" />
  </form>

JSBIN-http://jsbin.com/exuwuz/2/edit

所以基本上命中 1，#result 将显示 1，命中 2，#result 将显示 12，等等？

Answer 1

您的代码可以简化。尝试:

$('input.num').click(
   function() {
    $('#result')[0].value += this.value;
   }
);​

参见 this jsfiddle