라디오 입력을위한 localStorage?

Question

페이지 새로 고침시 양식 입력을 기억하도록 다음 코드를 작성했습니다. 나는 라디오 버튼에 대한 입력을 기억하는 것으로 어떻게 진전 할 것인지 완전히 확신하지 못한다. 코드를 조정하려면 어떻게해야합니까?

<input type="radio" name="options[Substrate]" id="clear" class="substrate" value="Clear – 125 µm SU320" /> 
<input type="radio" name="options[Substrate]" id="white-50" class="substrate" value="White – 50 µm Melinex 339"/> 


$(document).ready(function() { 

// Save Order on Refresh 
    $(window).unload(saveSettings); 
    loadSettings(); 

}); 


function loadSettings() { 
    $('#circuitsNum').val(localStorage.setcircuit); 
    $('#distanceNum').val(localStorage.setdistance); 
    $('#note').val(localStorage.setnote); 
    $("#metreSelect").val(localStorage.setmetre); 
} 

function saveSettings() { 
    localStorage.setcircuit = $('#circuitsNum').val(); 
    localStorage.setdistance = $('#distanceNum').val(); 
    localStorage.setnote = $('#note').val(); 
    localStorage.setmetre = $("#metreSelect").val(); 
} 

Answer 1

라디오 버튼이 선택되어 있는지 확인하려면 $('radioButton').prop("checked") 함수를 사용할 수 있습니다.

및 $('radioButton').prop("checked", true) 라디오 버튼을 확인하십시오.

localStorage.setItem('item_key', 'item_value'); 

는 로컬 스토리지 사용의 값을 얻으려면 :

localStorage.getItem('item_key'); 

을

$('input[name="options[Substrate]"]:checked').attr('id') 

는 로컬 스토리지를 사용하여 값을 설정하려면 :

은 또는 당신은 체크 옵션의 ID를 얻을 수 있습니다 그래서 다음과 같이 코드를 사용하십시오 :

값이 if 문으로 설정되어있는 경우3210

function saveSettings() { 

    // Setting the ID of the checked button 
    localStorage.setItem('substrateRadioButton', $('input[name="options[Substrate]"]:checked').attr('id')); 

    // or 

    // Setting the state of each button 
    localStorage.setItem('clear', $("#clear").prop("checked")); 
    localStorage.setItem('white-50', $("#white-50").prop("checked")); 
} 

function loadSettings() { 
    // Gettings the ID of the checked button 
    $("#"+localStorage.getItem('substrateRadioButton')).prop("checked", true); 

    // or   

    // Gettings the state of each button 
    $("#clear").prop("checked", localStorage.getItem('clear')); 
    $("#white-50").prop("checked", localStorage.getItem('white-50')); 
} 

확인해 볼 수 있습니다 :

var item = localStorage.getItem('item_key'); 

if (item) { 
    // key is set 
} else { 
    // key is not set 
} 

당신의 loadSettings() 함수에서 값의 존재를 확인하는 것이 현명 할 것이다.

localStoragehere에 대해 자세히 알아보십시오.

이상 약 prop()here.