javascript - 返回页面时自动将组中的单选按钮设置为选中 - 怎么做？

Question

我有一个关于单选按钮的快速问题，以及当用户返回页面时如何设置它们。我现在想要的是能够在他们返回页面时显示所选项目。同一组中有几个，所以我不能使用 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？

希望这是有道理的。

Answer 1

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

$('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 + '"]')