如何使用localstorage / ajax jquery从第一页到第二页获取单选按钮值

目前正在处理本地存储在第一页中我有两个单选按钮，如果用户选择第二页面板中的第一个单选按钮必须隐藏。 如果用户选择单选按钮，第二页validation中的一个文本字段不应该发生我不知道如何使用localStorage或ajax哪一个是最好的

当我看到我有一些window.localStorage.setItem("key_name", "stringValue");

请指导我如何使用这个：

第一页代码

         
    </form   

第二页

        jQuery.validator.setDefaults({ debug: true, success: "valid" }); $("#myform").validate({ rules: { field: { required: true } } });     .div_panel { background-color: yellow; font-size: 16px; }     
First
 
&nbsp
      

目前使用jquery按照以下用户帮助我。

在第一页我设置这样

  storeData(); function storeData() { alert("check"); localStorage.setItem('pg', $('#basicForm #pg').attr('checked', 'checked')); //alert("yes" + getd); localStorage.setItem('cu', $('#basicForm #cu').attr('checked', 'checked')); } 

当我在默认情况下在第二页中设置此项时，如果用户直接打开第二页，则隐藏特定div 🙁

请帮助我

 if( localStorage.getItem('pg') ) { $('#edu_info').hide(); } 

Answer 1

看看HTML5本地存储 ，它真的很容易使用。

我认为你必须在表单中添加onsubmit()并在localstorage存储你想要的值，在第二页中你可以使用localstorage.getItem()来获取它们。

在表单中添加onSubmit事件，该事件将调用名为storeData()的函数，该函数将您的单选按钮值添加到localstorage ：

添加函数storeData() ：

现在您拥有两个无线电的价值，您可以使用getItem()在第二页中使用它们：

 if( localStorage.getItem('first_radio') ) { $('.div_panel').hide(); } 

如果选中第一页中的第一个辐射，则会隐藏面板。

Answer 2

持久性存储：持续存储直到明确删除

  localStorage.setItem("key_name", "stringValue"); localStorage.getItem("key_name"); 

非持久性存储：关闭窗口后，将删除存储。

  sessionStorage.setItem("key_name", "stringValue"); sessionStorage.getItem("key_name"); 

存储来自任何页面的数据并在需要时检索它。

FirstPage（部分代码）：

SecondPage（部分代码）：

  $(document).ready(function () { if (sessionStorage.getItem("CheckedRadioValue") != null) { var checkedRadioValue = parseInt(sessionStorage.getItem("CheckedRadioValue")); //var checkedRadioValue = parseInt(localStorage.getItem("CheckedRadioValue")); if (checkedRadioValue != -1) { if (checkedRadioValue == 1) { //$(".div_panel").hide(); //Hide panel } else { //Do page validation } } sessionStorage.removeItem("CheckedRadioValue"); //localStorage.removeItem("CheckedRadioValue"); } });