Javascript 如何在刷新的页面上显示单选按钮选择

Javascript 如何在刷新的页面上显示单选按钮选择,javascript,php,html,Javascript,Php,Html,我不熟悉编码,如果我的英语不好,我道歉。我有一组单选按钮,当我点击它时,它会显示我的表格,但会过滤选择。因此,如果从3中选择“数学”,则仅显示包含数学的记录,然后我可以导出或打印此数据。但问题是,当我选择数学时,它会取消选中收音机,因此无法按下导出按钮,因为没有选择按钮 有没有办法保持按钮处于选中状态 我尝试使用localStorage.setItem(“radio”,value)但这也不起作用 我的html和脚本: <div> <input type="radio&

我不熟悉编码,如果我的英语不好,我道歉。我有一组单选按钮,当我点击它时,它会显示我的表格,但会过滤选择。因此,如果从3中选择“数学”,则仅显示包含数学的记录,然后我可以导出或打印此数据。但问题是,当我选择数学时,它会取消选中收音机,因此无法按下导出按钮,因为没有选择按钮

有没有办法保持按钮处于选中状态

我尝试使用
localStorage.setItem(“radio”,value)但这也不起作用

我的html和脚本:

<div>
<input type="radio" name="download" id="1" value="/mathsrecord"/>Math <br />
<input type="radio" name="download" id="2" value="/englishrecord"/>English <br />
<input type="radio" name="download" id="2" value="/accountingrecord"/>Acc <br />
<input type="radio" name="download" id="3" value="/all"/>All <br />
        </div>
<button type="button" class="btn btn-primary" id="download" value="download">Export to Excel</button>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
                <script>
                $('input[type="radio"]').on('click', function() {
                     window.location = $(this).val();
                     localStorage.setItem("radio", value);
                });
                </script>
<script>
var radio_1 = document.getElementById('1');
var radio_2 = document.getElementById('2');
var radio_3 = document.getElementById('3');
var button = document.getElementById('download');

button.onclick = downloadFile;

function downloadFile() {
    if(radio_1.checked) {
        window.open("/exportmath/excel");
    }else if(radio_2.checked) {
        window.open("/exporteng/excel");
    } else if(radio_3.checked) {
      window.open("/exportacc/excel");
    }
}</script>

数学
英语
Acc
全部
输出到Excel $('input[type=“radio”]”)。在('click',function()上{ window.location=$(this.val(); setItem(“radio”,值); }); var radio_1=document.getElementById('1'); var radio_2=document.getElementById('2'); var radio_3=document.getElementById('3'); var button=document.getElementById('download'); button.onclick=下载文件; 函数下载文件(){ 如果(收音机1.已检查){ window.open(“/exportmath/excel”); }否则如果(收音机2.已检查){ 打开(“/exporteng/excel”); }否则,如果(收音机3.已检查){ 打开(“/exportacc/excel”); } }
重新加载页面后,需要将值设置回单选按钮

像这样

var itemValue = localStorage.getItem("radio");
if (itemValue !== null) {
   $("input[value=\""+itemValue+"\"]").click();
}

“我尝试使用localStorage.setItem(“radio”,value);但这也不起作用”-您希望它做什么?单独存储值不会影响单选按钮的行为。您仍然需要实现第二部分-在页面加载时从localstorage读取此值,然后将相应的单选按钮设置为checked。您能给我链接一篇文章吗?有榜样,;如果你需要更多,那么请先自己做一点调查。