刷新后如何保持单选按钮保持不变

Question

我读过很少类似我的问题，我尝试了一些选项，但仍然无法使用我的代码。

基本上我有单选按钮，我通过值= \“$ Id \”检查它。刷新到同一页面的原因是因为我希望一旦用户选择他们的地址（*由州确定的运费）我就要通过新的总价格。

echo "<input type=\"radio\" name=\"select\" value=\"$Id\" id=\"$State\"   onclick=\"test()\" > <label>$Name</label><br>";

<script>
function test(){
//got few lines of codes here
var tprice = document.getElementById("prices");
var user = document.getElementById("userid");

var b = document.querySelector('input[name="select"]:checked').value;

var tot= parseFloat(calc)+0;

var totals = parseFloat(calc) + parseFloat(tprice.value);
var userid = user.value;

window.location.href = "summary.php?tot=" + tot +"&totals="+ totals +"&userid="+ userid+"&idd="+b;


 document.getElementById(b).checked = true;
  </script>

Answer 1

如果要检查单选按钮，请为其选中属性。

echo "<input type=\"radio\" " . $_GET['idd'] == $ID ? 'checked' : '' . " name=\"select\" value=\"$Id\" id=\"$State\"   onclick=\"test()\" > <label>$Name</label><br>";

Answer 2

您可以使用localstorage或sessionstorage，cookies或最佳选项使用php服务器会话$ _SESSION环绕您的回声作为表单并提交onclick <form id="myForm" method="post" action="summary.php"> echo "<input type=\"radio\" name=\"select\" value=\"$Id\" id=\"$State\" onclick=\"test()\" > <label>$Name</label><br>"; </form>

test() {
  // assign to value to hidden inputs
  //then submit the form
  document.getElementById("myForm").submit();
}

Answer 3

您可以在选择无线电时设置会话存储中的值。在单选按钮内添加onclick="handleClick(this);"。

function handleClick(myRadio) {
  sessionStorage.setItem("data",JSON.stringify({"myRadioButtonId":"checked"}));
}

现在从文档就绪的本地存储中获取数据。并将选中的属性设置为该单选按钮。

 var data = sessionStorage.getItem('data');
 if(JSON.parse(data).myRadioButtonId == 'checked'){
   document.getElementById("myRadioButtonId").checked = true;
 }