javascript - 如何将单选按钮的值保存到本地存储？如何恢复？

Question

<分区>

Answer 1

你可以试试这个:

// get value from localstorage
var sesso = localStorage.getItem("sesso");

// if key sesso exists in localstorage
if (sesso) {
  let radioByValue = document.querySelector("input[value='" + sesso + "']");
  radioByValue.checked = true
}

// target all radios by name([ES6 feature] using spread operator to iterate it)
var inputsesso = [...document.getElementsByName("gender")];

// add listener on change value for each radio
inputsesso.forEach(el => {
  el.addEventListener("change", function() {
    localStorage.setItem("sesso", this.value);
  });
});

<label class="radio-container m-r-45">Male
    <input type="radio" checked="checked" name="gender" required value="M">
    <span class="checkmark"></span>

</label>
<label class="radio-container">Female
    <input type="radio" name="gender" required value="F">
    <span class="checkmark"></span>
</label>