如何根据单击的按钮更改跨度文本？

Question

我想在用户点击它们后更改 html 页面上显示的数量。有 2 个按钮，点击每个按钮后，它应该将它们定向到一个新的 html，数量应该相应地改变。我知道这不是真正的方法，但我不确定我还能怎么做。目前，我只能附加所有金额。

<button onclick="myFunction1()" type="submit" id="one">BUY</button>

<button onclick="myFunction2()" type="submit" id="two">BUY</button>

function myFunction1() {

    window.location='pay.html';

};

function myFunction2() {

    window.location = 'pay.html';

};

 <span class="title" id="total"></span>

 <span class="title" id="total2"></span>

(function () {

    "use strict";

    $().ready(function () {

    })

    myFunction1()

    function myFunction1() {

        var totalamt = '$100';

        $('#total').html("<span style='float:right'>" + "Total:" + 

        totalamt + "</span>");

    }

})();

(function () {

    "use strict";

    $().ready(function () {

    })

    myFunction2()

    function myFunction2() {

        var totalamt2 = '$300';

        $('#total2').html("<span>" + "Total:" + totalamt2 + 

        "</span>");

    }

})();

想要实现的结果：例如，通过单击第一个按钮，将用户重定向到 pay.html 并显示 $100。通过单击第二个按钮，重定向到相同的 html(pay.html)，显示 $300。请帮助非常感谢。

Answer 1

您可以将 id 设置为 span，然后将文本设置为 300 或 100&nbsp;<span id="price">$100</span>&nbsp; &nbsp;<scrit>&nbsp; &nbsp;document.getElementById("price").innerHTML = "$300";&nbsp;&nbsp;</script>

Answer 2

使用参数发送GET请求pay.html：window.location='pay.html?amount=100';通过JS访问参数：var url= new URL(document.location).searchParams;var amount=url.get("amount");var totalamt = '$'+ amount;$('#total').html("<span style='float:right'>" + "Total:" + totalamt + "</span>");你的html.html：<button onclick="myFunction1()" type="submit" id="one">BUY</button><button onclick="myFunction2()" type="submit" id="two">BUY</button>function myFunction1() {&nbsp; &nbsp; window.location='pay.html?amount=100';};function myFunction2() {&nbsp; &nbsp; window.location = 'pay.html?amount=300';};支付.html：&nbsp;<span class="title" id="total"></span>var url = new URL(document.location).searchParams;//Getting search paramsvar amount = url.get("amount"); //Getting value of amount from parametersvar totalamt = '$'+ amount;$('#total').html("<span style='float:right'>" + "Total:" + totalamt + "</span>");这也可以在没有 Real 应用程序的情况下工作。