如何在localStorage中存储选定的单选按钮文本?

时间:2013-03-27 13:16:41

标签: javascript jquery html5

有人可以帮我解决如何在localStorage中设置单选按钮所选文本的问题吗?这是我的代码,但我每次都得到未定义的值:

<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代码;在尝试编写如下代码时,我得到了选择的值:

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

但是当尝试通过编写此代码来保存localstorage中的选定值,然后获取“未定义的值”。

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

我做错了什么?

1 个答案:

答案 0 :(得分:1)

代码是正确的,但我认为浏览器不支持localstorage,在使用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");
}

有关详细信息,请查看:Store data locally with HTML5 Web Storage