Jquery 在点击问题上获取值

Jquery get value onClick problems

本文关键字：获取 问题 Jquery      更新时间：2023-09-26

我正在尝试获取一个变量（在前端设置）通过jQuery onClick发送。

我很确定这是可能的，我只是无法弄清楚，因为我不熟悉jQuery。

这是 HTML 部分：

<input type="text" name="quantity" size="2" value="1" />
<input type="button" value="Add to cart" id="button-cart" class="button" />

这是我的jQuery部分：

$('#button-cart').bind('click', function() {
    addToCart(
        '<?php echo $product_id; ?>',
        '$("#quantity").val();'
    );
});

但它就是行不通。我知道如果我做这样的事情：

$('#button-cart').bind('click', function() {
    addToCart(
        '<?php echo $product_id; ?>',
        '3'
    );
});

它将 3 件商品添加到购物车，但页面需要动态，以便用户可以输入所需的数量。

我希望清楚我想做什么。如果有人能帮忙，那就太好了。谢谢。

1） 那 $（"#quantity"）.val（）; 不应该在 '' 内

2） 使用 $（document）.ready

3） 要按名称选择，您应该使用 [name=quantity]，而不是 #quantity（即用于 ID）

<script type="text/javascript">
$(document).ready(function ()
{
$('#button-cart').click(function() {
    addToCart(
        '<?php echo $product_id; ?>',
        $("input[name=quantity]").val()
    );
});
});
</script>

尝试如下：

<script type="text/javascript">
$('#button-cart').bind('click', function() {
    addToCart(
        '<?php echo $product_id; ?>',
        $("input[name=quantity]").val()
    );
});
</script>

试试这个：

<input type="text" name="quantity" size="2" value="1" />
 <input type="button" onclick="addToCart('<?php  echo $product_id;?>')" value="Add to cart" id="button-cart" class="button" />

<script>
function addToCart(id){
var quantity=$("input[name=quantity]").val();
var productId=id;
//Do your stuff
}

</script>
相关文章：