Question

嘿，我有这行代码

<input id="product_qty" type="text" name="product_qty" value="1" style="color: black">

而我所做的是，当我按下一个按钮时，此输入的值会发生变化，并且会加1，例如1，然后是2，等等。

但我想知道的是我如何获得此输入的最后一个值，例如，如果我按下按钮五次，我如何在javascript中使用数字5或使用jquery。

我正在寻找一些信息，但我找不到任何东西。

感谢。

Answer 1

在Javascript中，您可以使用 substr

获取las字符串

var id = document.getElementById("product_qty").value;
var lastChar = id.substr(id.length - 1);

Answer 2

我认为这会计算输入中的值：

var count = document.getElementById("product_qty").value;
count++;

Answer 3

您也可以将字符串用作数组，并执行以下操作：

var id = document.getElementById("product_qty").value;
var lastChar = id[id.length -1];

Answer 4

您可以使用substr http://www.w3schools.com/jsref/jsref_substr.asp

获取最后一串字符串

Answer 5

如果我正确理解了您的问题，那么您的按钮上已经有一个点击事件，每次点击都会使您的输入值增加1。

只需在同一个点击事件中获取值。

$('#yourButton').on('click', function(e) {
  // increment input by 1
  $('#product_qty').get(0).value++;
  // logging out your value - use it however you want
  console.log('my input value: ', $('#product_qty').val());
)};

Answer 6

认为你在寻找这样的东西：

$(function(){
    $('#button').click(function() {
    var val =  Number($('#product_qty').val());
    val++;
    $('#product_qty').val(val);
  });
})

小提琴：https://jsfiddle.net/k1wkqekf/

获取输入文本字段的最后一个值

6 个答案: