javascript - 想要从输入字段输出精确的值

Question

我正在制作电子商店，我想输出输入字段中写入的确切金额

  <input type="number" id="val" value="1" class="input-text" >

  $("input[type=number]").ready(function(){
    var val = $("#val").val();
    alert("there are " + val + "in your cart");
  });

现在的问题是它只返回 1，因为我将值设置为 1

这是 fiddle 示例 https://jsfiddle.net/s81g6963/3/

我希望用户输入值，并且我希望该值乘以产品价格 9.99 美元

Answer 1

您不想使用 ready除 document 之外的任何内容元素，并且仅在需要等待 DOM 准备好的情况下(可能是因为您无法控制脚本标签的去向；如果您这样做，只需将脚本标签放在页面末尾、关闭之前) </body> 标签)。

如果您希望该代码在用户更改值时运行，请使用 change :

$("input[type=number]").on("change", function(){
  var val = $("#val").val();
  alert("there are " + val + "in your cart");
});

如果您想在文档准备好时和用户更改值时运行，请将代码放入命名函数中并在两个地方使用它:

$(document).ready(function() {
    function useTheValue() {
      var val = $("#val").val();
      alert("there are " + val + "in your cart");
    }
    $("input[type=number]").on("change", useTheValue);
    useTheValue();
});

或者如果脚本位于 body 的末尾，您可以省略 ready :

(function() {
    function useTheValue() {
      var val = $("#val").val();
      alert("there are " + val + "in your cart");
    }
    $("input[type=number]").on("change", useTheValue);
    useTheValue();
})();