Question

我希望每次用户输入号码时，在控制台中打印新的+旧号码

这里是html脚本

 <input type="number"value=""/>
 <button>click</button>

我的jquery代码

$("button").click(function (){
    var x = $("input").val();
    x+=x;
    console.log(x);
});

Answer 1

你必须在某个地方之外初始化值以保持其状态。

HTML

# Get the username from input
uname = raw_input('Type the username for the new device: ')

# Check to see if username in table
curs.execute("SELECT username, id FROM employees WHERE gid != 4 AND LOWER(username) = %s", (uname.lower(),))
row = curs.fetchone() # If no records found, should return an empty tuple
db.close()

# Return the user if found
if row:
    user = row[0]
    empid = row[1]
    print 'User ' + user + ' found...'
else
    print 'Not Found'

JS

<input type="number" id="inp" value=""/>
<button>click</button>

Answer 2

希望这会对你有所帮助。参考工作演示。

var thevalue = 0;
$("#click").click(function(){
  
  $("#display").text("The Value is :");
   var theinput_value = parseInt($("#num").val());
   thevalue += theinput_value;
  
  $("#display").append(thevalue);
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
Enter the nubmer : <input type="number" id="num"><button id="click">Click on me !</button>

<br>
<p id="display">The Value is :</p>

Answer 3

您好，欢迎来到stackoverflow社区。

您正尝试将输入添加到变量x，但是第一次执行代码时，x的值为“”，为空字符串。

基本上你说的是，嘿javascript，什么是5 +“”？

如果您运行console.log(typeof (""+5));，则输出为string。这意味着由于未初始化x，您打算获取一个数字并最终得到一个字符串。

此外，x在点击功能的范围内定义。这意味着在执行该函数后根本没有x，因此当您再次单击并再次执行该函数时，将再次创建x。

为了解决这个问题，只需在函数范围之外声明x。

var x = 0;

$("button").click(function (){
    
    // get the input value of the box
    var input_value = $("input").val();

    // parse the value to an integer
    var number = parseInt(input_value) || 0;

    // add it to the existing value of x
    x = x + number;

    // show the results
    console.log(x + ' - ' + typeof x);
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="number" value=""/>
<button>click</button>

Answer 4

您只需要确保x是一个全局变量，这样您就可以保存它的值，并在每次触发点击处理程序时使用。

我在使用addition assignment operator时添加了输入转换以避免字符串连接。

var x = 0;     
$("button").click(function (){
     // Get the input
      var current_input = parseInt($("input").val());
     // If input is not a number set it to 0
      if (isNaN(current_input)) current_input = 0;
     // Add the input to x
      x+=current_input;
     // Display it
      console.log(x);
});

使用jQuery增加输入字段值

4 个答案: