javascript - 更改单选按钮时页面会重新加载

Question

我正在网站上处理结账流程。我使用java脚本和 session 存储编写了一段代码来处理这些步骤。 session 存储保留当前步骤。我编写了一个函数来保持重新加载页面的同一步骤。

它工作正常，但其中一个步骤有两个单选按钮，用户可以使用它们选择付款方式。当用户选择其中之一时，页面会重新加载，但不会调用该函数。 :/这是函数:

jQuery(document).ready(function() {
    if (sessionStorage.checkoutstepHolder > 0) {
        cartButtonHandler("onLoad");
    }
});

问题是，为什么该函数在刷新导致的重新加载时被调用，而不是在选择单选按钮导致的重新加载时被调用？

也许单选按钮不会重新加载页面，也许它在做其他事情:/

Answer 1

我会为此使用一个单独的函数，因为您会在多种场合使用它。

jQuery(document).ready(function() {
    ReloadFunction();
});

function ReloadFunction() {
    if (sessionStorage.checkoutstepHolder > 0) {
        cartButtonHandler("onLoad");
    }
}

单选按钮更改:

jQuery(document).on('change', '#radiobuttonID', function(){
    ReloadFunction();
});