Javascript 返回页面时自动将组中的单选按钮设置为选中-如何操作？

我有一个关于单选按钮的快速问题，以及当用户返回页面时如何设置它们。我现在想要的是，当他们返回页面时，能够显示所选的项目。同一组中有几个，所以我不能使用getElementByID（很遗憾！）

这是我的HTML：

<input id="q1input" onblur="saveItemData(this.id)" type="radio" name="optradio" value="1 cardiovascular system">cardiovascular system

<input id="q1input" onblur="saveItemData(this.id)" type="radio" name="optradio" value="2 respiratory system">respiratory system

然后，我有在重新加载时调用的代码：

var itemToCheck = document.getElementById(elementID).getAttribute("value", cleanedText);

itemToCheck.checked = true;

如何将选定的项目作为目标，然后将其选中值设置为true

---

希望有意义。

您可以使用以下方法选择具有特定值的特定输入类型：

$('input[type="radio"][value="your_value"]')

在您的情况下，请尝试以下方法：

$（文档）.ready（函数（）{
$（'input[type=“radio”][value=“2”]'）.attr（'checked'，true）；
});

一个
两个
如果要存储所选值并显示所选值，可以使用
localStorage
进行存储，并将值存储在那里，稍后在页面加载时显示

$(document).ready(function(){

   $("input[name='optradio']").change(function(){
      var val = $(this).val();
      window.localStorage.removeItem('optradio_value');
      window.localStorage.setItem('optradio_value',val);
   });


    var saved_value = window.localStorage.getItem('optradio_value');

    if(saved_value)
    {
      $("input[name='optradio']").attr('value',saved_value).attr('checked',true);
    }
});

让多个元素具有相同的Id从来都不是一个好主意，使用类也可以，从哪里获得elementID？你应该包括所有相关的代码我知道这不是一个好主意，但我在很多其他id唯一的地方使用相同的代码，所以这是它们唯一相同的地方-烦人的：（谢谢！如何使用变量而不是字符串？@BruceHerbert
var value=2；
$（'input[type=“radio”][value=“+value+”）]“）
@Mark谢谢。Bruce检查更新的答案或Mark Comments也有很好的建议-我使用了另一种解决方案，因为我已经开始使用了-但是你的解决方案当然值得考虑！
$(document).ready(function(){

   $("input[name='optradio']").change(function(){
      var val = $(this).val();
      window.localStorage.removeItem('optradio_value');
      window.localStorage.setItem('optradio_value',val);
   });


    var saved_value = window.localStorage.getItem('optradio_value');

    if(saved_value)
    {
      $("input[name='optradio']").attr('value',saved_value).attr('checked',true);
    }
});