基于存储值的检查单选按钮

Question

我试图根据localStorage中变量的值来检查单选按钮。

HTML：

<input type="radio" id="dayope" name="yardstick" value="Days Open" onClick="ableBtn()"> Days Open

剧本：

var yardName = localStorage.getItem("yardstick");
$('input[name=yardstick][value=" + yardName + "]').prop('checked', true);

没有错误，但也没有检查。

我也试过..。

var yardName = localStorage.getItem("yardstick");
$('input[name=yardstick][value=" + yardName + "]').attr('checked', checked);

这会抛出：

Uncaught ReferenceError: checked is not defined

我遗漏了什么？

Answer 1

你忘了加引号了。

​

var yardName = "Days Open";
$('input[name=yardstick][value="' + yardName + '"]').prop('checked', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" id="dayope" name="yardstick" value="Days Open" onClick="ableBtn()"> Days

​

Answer 2

您需要确保yardName不会成为字符串的一部分，因为您希望访问存储在该变量中的值：

var yardName = localStorage.getItem("yardstick");
$('input[name=yardstick][value="' + yardName + '"]').prop('checked', true);

否则，您实际上要寻找的是一个值为input的' + yardName + '，如

<input value="' + yardName + '" />

这不是你要找的。