MVC jQuery 每次使用 .click 函数都会增加数量，但不会同时替换 href

Question

我有一个产品详细信息页面。当单击Add To Cart 按钮时，有数量增加和数量减少按钮来更改将添加的数量。

每次单击“数量增加按钮”时，我都想更改href 数量，以便将数量信息发送给控制器。

这里有什么问题？每次我点击数量增加按钮时，我都会得到正确的增加数量信息，如 2、3、4 等，但每次我得到/Home/AddToCart/1002?quantity=2 href 信息。 ?quantity=2 应该像 ?quantity=3 ， ?quantity=4 等改变。但没有。我在这里错过了什么？

$(".cart_quantity_up").click(function () {
        var val;
        var uri;
        var newuri;
        val = $(".cart_quantity_input").val();
        val++;
        uri = $("#addtocart").attr("href");
        newuri = uri.replace("xxxx", val);
        $("#addtocart").attr("href", newuri);
        $(".cart_quantity_input").val(val);
        alert(newuri);
});

xxxx 表示 jquery 后面要更改的值

Answer 1

1. 使用 parseint

2. 使用 prop 代替 attr

   $(".cart_quantity_up").click(function () {
       var val;
       var uri;
       var newuri;
       val = parseInt($(".cart_quantity_input").val());
       val++;
       uri = $("#addtocart").prop("href");
       newuri = uri.replace("xxxx", val);
       $("#addtocart").prop("href", newuri);
       $(".cart_quantity_input").val(val);
       alert(newuri);
   });
   

请记住，href 会因此而改变，因此如果您再次调用它，xxxx 将不再可用！