MVC jQuery 它每次使用 .click 功能增加数量但不会同时替换 href

Question

我有一个产品详情页面。单击 Add To Cart 按钮时，有数量增加和数量减少按钮可以更改添加的数量。

每次单击 "quantity up button" 我都想更改 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

使用 parseint

使用 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 将不再可用！

MVC jQuery 它每次使用 .click 功能增加数量但不会同时替换 href

MVC jQuery it increases the quantity each time with .click function but doesnt replace the href at the same time

model-view-controller

jquery

replace

href

cart