Erum
Erum

Reputation: 790

How can I store a selected radio button's text in localStorage?

Can anyone help me how to set the radio button selected text in localStorage? Here is my code but I'm getting undefined value at every time:

<label for="gender">GENDER:  
<input type="radio" id="radiobtn1" name="gender" value="0"/>  
<label for="radiobtn1">MALE</label>  
<input type="radio" id="radiobtn1" name="gender" value="1"/>
<label for="radiobtn1">FEMALE</label>  
</label> 
<br>

jQuery code; I'm getting selected value when trying to write the code like this:

var tempgender = $("input:checked + label").text(); 
console.log("gender selcte value:" + tempgender);

But when trying to save selected value in localstorage by writing this code then getting "undefined value".

window.localStorage.setItem("tempgender",$("input:checked + label").text());`                                                  

What am I doing wrong?

Upvotes: 0

Views: 1828

Answers (1)

Pranay Rana
Pranay Rana

Reputation: 176916

code is correct but i think localstorage is not supported by your browser , do perform before using localstorage

if(typeof(Storage)!=="undefined")
{
  alert("storage is supported and you can store data in it");
}
else
{
 alert("Get new version of browser or use browser which support storage");
}

for further details you can check : Store data locally with HTML5 Web Storage

Upvotes: 1

Related Questions