Tengo un formulario que contiene verificación de radio y menú desplegable después de la selección y los datos de verificación van al almacenamiento local y hay un botón para actualizar cuando se vuelve a hacer clic en el formulario nuevamente lleno con datos del almacenamiento local pero no puedo hacer la verificación de radio Se comprobará según datos también la opción de no seleccionar en el menú seleccionado. el código debe estar solo en JavaScript
<select class="country" > <option value="0">Choose Your Country</option> <option value="1">UAE</option> <option value="2">USA</option> <option value="3">UK</option> </select> <p id="type">Gender:</p> <input type="radio" value="male" name="gender" class="gender"> <label for="male">Male</label> <input type="radio" value="female" name="gender" class="gender"> <label for="female">Female</label>para casilla de verificación
let checkboxes = [checkboxOne, checkboxTwo, checkBoxThree]; let checkboxLabels = [labelOne, labelTwo, labelThree]; for (let i = 0; i < checkboxes.length; i++) { if (window.localStorage.getItem('checkboxValue') === checkboxLabels[i].textContent) { checkboxes[i].setAttribute('checked', 'checked'); } }para desplegable
let options = [optionOne, optionTwo, optionThree]; for (let i = 0; i < options.length; i++) { if (window.localStorage.getItem('dropdownValue') === options[i].value) { options[i].setAttribute('selected', 'selected'); } } En lugar de colocar elementos dentro de matrices, puede usar querySelectorAll
let checkboxes = document.querySelectorAll('#form input[type="radio"]');Puede acceder a localStorage en el objeto de Windows. Y cambie los valores usando queryselectors o pase una función al valor.
document.querySelector(<selector>).<propperty you want to set> = window.localStorage.<value tou want to retieve>