首页 > 解决方案 > 记住最后一个单选按钮默认显示为 js-cookie

问题描述

我正在使用 js-cookie 并尝试记住默认选中的单选按钮。如果用户点击美元货币,网站会记住它,我希望美元输入单选按钮成为所有页面上的默认按钮。

我的 HTML(只是输入):

<div class="maincar__currency" id="currency-drop-is">
    <label for="euro-radio-is">
        <div class="currency currency__euro">
            <input type="radio" name="currency-is" value="euro" id="euro-radio-is" class="euro_radio_is" checked>
            <span class="default">EUR</span>
        </div>
    </label>
    <label for="dollar-radio-is">
        <div class="currency currency__dollar">
            <input type="radio" name="currency-is" id="dollar-radio-is" class="dollar_radio_is" value="dollar">
            <span>USD</span>
        </div>
    </label>
</div>

JS:

let radioButtonEuArray = document.querySelectorAll(".euro_radio_is");
let radioButtonUsdArray = document.querySelectorAll(".dollar_radio_is");

radioButtonEuArray.forEach(function (elem) {
        elem.addEventListener("click", currencyEu);
    });
    radioButtonUsdArray.forEach(function (elem) {
        elem.addEventListener("click", currencyUsd);
    });
function currencyEu() {
        //Set cookies
        Cookies.set('euroCookie', 'euro');
        Cookies.get('euroCookie')
        Cookies.remove('dollarCookie');

function currencyUsd() {
        //Set cookies
        Cookies.set('dollarCookie', 'dollar');
        Cookies.get('dollarCookie')
        Cookies.remove('euroCookie');
}

我不知道如何设置“价值”来做到这一点,我该怎么做?

标签: javascriptcookiesjs-cookie

解决方案


推荐阅读