根据存储的值检查单选按钮

Question

我正在尝试根据localStorage中var的值检查单选按钮。

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

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

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

否则，您实际要查找的是值' + yardName + '的input ，如

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

这不是您想要的。

Answer 2

您忘记添加引号。

 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