如何在jQuery中存储输入框号

时间:2014-12-13 02:08:31

标签: javascript jquery

想象一下普通计算器的作用。使用单击按钮在显示框中输入数据。现在我想点击一个按钮来显示" +"并删除显示中的所有数字但存储它。所以我可以点击显示新号码。之后,存储这些数据包括number1," +"例如:(" 1"," +"" 2")。这样做但不使用javascript进行正常计算的原因是因为我想使用Ajax发送到php并使用php来执行数学。但是,我陷入了这个部分。

var memory = "";
$("#add").click(function() {
  memory += $show.val() + "+";
  if($show.val().length >= 1){
    $show.val("+");
  } else {
    $show.val("");
  }
}

2 个答案:

答案 0 :(得分:1)

[对来自服务器上字符串的评估代码的强制警告]

我建议在尝试更高级的概念之前尝试使用javascript来获取项目的工作版本。

var memory = [];

$("#add").click(function() {
    var val = $show.val();
    if (val)
        memory.push(val);
    $show.val('+');
});

$('#submit').click(function () {
    var s = memory.join('+');
    memory = [];
    $.get(...
});

答案 1 :(得分:0)

检查小提琴here



var one = $("#one");
var two = $("#two");
var add = $("#add");
var show = $("#show");
var equal = $("#equal");
var memory = "";

one.click(function(){
  memory += "1";    
  show.val("1");
});

two.click(function(){
  memory +=  "2"; 
  show.val("2");
});

add.click(function(){
  memory +=  "+";
  if(show.val().length >= 1)
    show.val("+");
  else
    show.val("");      
});

equal.click(function(){
  show.val(memory)
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="show" type="text"/>
<input id="one" type="button" value="1"/>
<input id="two" type="button" value="2"/>
<input id="add" type="button" value="+"/>
<input id="equal" type="button" value="="/>
&#13;
&#13;
&#13;