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 inputData = $("input:radio[name=optradio]:checked").val();

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

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

itemToCheck.checked = true;

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

希望有道理。

最佳答案

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

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

在您的情况下，请尝试以下操作：

$(document).ready(function(){
  $('input[type="radio"][value="2"]').attr('checked', true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="radio" value="1">One
<input type="radio" value="2">Two

您可以像这样传递变量来代替硬编码值：

var value = 2;
$('input[type="radio"][value="' + value + '"]')