Javascript 如何在刷新的页面上显示单选按钮选择
我不熟悉编码,如果我的英语不好,我道歉。我有一组单选按钮,当我点击它时,它会显示我的表格,但会过滤选择。因此,如果从3中选择“数学”,则仅显示包含数学的记录,然后我可以导出或打印此数据。但问题是,当我选择数学时,它会取消选中收音机,因此无法按下导出按钮,因为没有选择按钮 有没有办法保持按钮处于选中状态 我尝试使用Javascript 如何在刷新的页面上显示单选按钮选择,javascript,php,html,Javascript,Php,Html,我不熟悉编码,如果我的英语不好,我道歉。我有一组单选按钮,当我点击它时,它会显示我的表格,但会过滤选择。因此,如果从3中选择“数学”,则仅显示包含数学的记录,然后我可以导出或打印此数据。但问题是,当我选择数学时,它会取消选中收音机,因此无法按下导出按钮,因为没有选择按钮 有没有办法保持按钮处于选中状态 我尝试使用localStorage.setItem(“radio”,value)但这也不起作用 我的html和脚本: <div> <input type="radio&
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。您能给我链接一篇文章吗?有榜样,;如果你需要更多,那么请先自己做一点调查。