时间戳

首页 > 解决方案 > 如何从输入中获取值

jquery - 如何从输入中获取值

问题描述

我试图捕捉输入的变化，但它不适用于按钮增加或减少值，这里的解决方案是什么？

<div class="container">
          <button id="tang" class="btn btn-success">+</button>
          <input type="text"  name="" id="number" value="1"">
          <button id="giam" class="btn btn-danger">-</button>
          <h1 id="show"></h1>
      </div>

$("#tang").click(function(){
            let result = parseInt($("#number").val()) +1 ;
            $("#number").val(result);
        });
        $("#giam").click(function(){
            let result = parseInt($("#number").val()) -1 ;
            $("#number").val(result);
        });

        $("#number").change(function(){
            $("#show").text($("#number").val());
        })

标签： jquery

解决方案

请参考下面的代码。您将需要从增加和减少按钮更改触发更改事件。

$("#tang").click(function() {
  let result = parseInt($("#number").val()) + 1;  
  $("#number").val(result).change();
});
$("#giam").click(function() {
  let result = parseInt($("#number").val()) - 1;  
   $("#number").val(result).change();
});

$("#number").change(function() {
  $("#show").html($("#number").val());
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
          <button id="tang" class="btn btn-success">+</button>
          <input type="text"  name="" id="number" value="1"">
          <button id="giam" class="btn btn-danger">-</button>
          <h1 id="show"></h1>
      </div>

推荐阅读