Question

我有网上购物和此代码

<button onclick="('productID','productCount')">buy</button>

在此，产品ID是固定的，但产品Count是可变的，我需要用户使用输入值设置此产品Count。

<input class="productCount" value="variabel number" />

如何使用jQuery编写此代码？!!

Tnx为您的答案

Answer 1

HTML

 <button data-id="productID" class="buy">buy</button>
 <input name="productCount" class="productCount" value="variabel number" />

JS

$('.buy').on('click',function(){
   var productID = $(this).attr('data-id'),
       productCount = $(this).next('.productCount').val();
       //function to do stuf with variables
});

Answer 2

向元素添加id以检索值并触发click事件。

<button id="button_buy">buy</button>
<input class="productCount" id="productCount" value="variable number" />
<script>
$(document).ready(function(){
    var productCount = $('#productCount').val();
    $('#button_buy').click(function(){
        ('productID','productCount')
    });
});
</script>

Answer 3

使用JQuery，您可以使用selectors来匹配文档中的元素集。因此，$("#productCount")将返回ID为＆＃34; productCount＆＃34;的元素。并且val()将返回其值。

＆＃13;

$("#btnBuy").click(
  function() {
    alert($("#productCount").val());
  }
);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input id="productCount" value="variabel number" />
<button id="btnBuy">buy</button>

＆＃13;

如何使用jquery更改onclick属性

3 个答案: