私は 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');
}
これを行うための「値」の設定方法がわかりません。どうすればよいですか?