javascript - 如何从输入 JS/jQuery 获取当前值

Question

这个问题已经有答案了:

Get the value in an input text box (13 个回答)

已关闭 5 年前。

我是 Javascript 初学者，我有 3 个按钮添加到购物车，每个按钮都有一个值，因此当我单击其中一个按钮时，我会不断获取第一个按钮的值这是我的 HTML 代码

<div class="container main-section">
              <div class="row">
                <div class="col-md-4 col-sm-4 col-xs-12 product">
                  <div class="row product-part">
                    <div class="col-md-12 col-sm-12 colxs-12 img-section">
                      <img src="'. $photolink["photo"] .'">
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12 product-title">
                      <h1>'. $row["produit"] .'</h1>
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12 product-description">
                      <p>'. $row["description"] .' </p>
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12 product-cart">
                      <div class="row">
                        <div class="col-md-6 col-sm-12 col-xs-6">
                          <p>'. $row["price"] .' $</p>
                        </div>
                        <div class="col-md-6 col-sm-12 col-xs-6 text-right product-add-cart">
                          <input type="submit"  value="ADD TO CART" class="btn btn-success" id="productid" data-value="'. $row["id"] .'" onclick="getID()" >
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

这是我的 JavaScript 代码

function getID()
{
var val = document.getElementById('productid').getAttribute('data-value');
console.log(val);
}

Answer 1

您必须专门选择一个元素。使用纯 JQuery:

function getID(that) {
  console.log($(that).attr("data-value"));
}

然后在您的 HTML 上:

<input type="submit" value="ADD TO CART" class="btn btn-success" id="productid" data-value="'. $row["id"] .'" onclick="getID(this)">