javascript - 记住最后一个单选按钮默认显示为 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');
}
我不知道如何设置“价值”来做到这一点,我该怎么做?
解决方案
推荐阅读
- ios - 使用 Google People API iOS 获取用户出生日期和性别
- c# - Fetching large loads of data using paging
- hybris - 使用 Eclipse 为 Hybris 设置 Jrebel 错误
- php - is it possible Xamarin.Forms Android and iOS with Sqlite syncing to MySql?
- html - Unable to get grid style in bootstrap
- php - Laravel 将数据库 Json 数据转换为 JSON 对象在 React-native 中使用
- java - 俄罗斯方块游戏中使用的 Java 枚举:奇怪的行为
- apache-spark - Spark SQL(PySpark) - SparkSession 导入错误
- c# - C#逐渐生成唯一的安全随机字符串
- c# - 实体框架急切地加载层次结构