jquery .prop() on 复选框不起作用

Question

目前正在用头撞墙，想知道为什么我似乎不能根据变量的值设置复选框的 check 属性。

我正在尝试使页面可编辑。当用户选择编辑页面时，当前值将存储在 sessionStorage 中并调用，以便在用户取消时将任何更改的值替换为其原始值。我已经将原始的检查值(真或假(存储在会话存储中，并且我正在尝试使用这些值在取消时填充选中状态(这发生在由按钮单击触发的每个循环中(。下面的代码被简化为只包含我认为是"问题"位的内容。

var value = sessionStorage.getItem(key);
console.log(key + ' = ' + value); //produces the correct key/value pair
$('input[name="' + key +'"]').prop('checked') === value; 

复选框始终恢复为当前值。

这是我也尝试过的：

$('input[name="' + key +'"]').prop('checked', value);
$('input[name="' + key +'"]').prop(':checked', value);
$('input[name="' + key +'"]').attr('checked', value);

以及我能想到的几乎所有其他组合。任何帮助将不胜感激。

注意：

我可以将变量替换为一个简单的真/假静态值，并且它正常运行。因此，如果我执行以下操作，它将根据我输入的内容将所有复选框设置为 false 或 true：

$('input[name="' + key +'"]').prop('checked', false);

Answer 1

对于像checked这样的boolean属性，你必须使用布尔值。由于您使用的是字符串，因此该值始终为真。

$(element).prop ("checked", false) //false
$(element).prop ("checked","false") //true