Javascript 使用本地存储的复选框状态

Javascript 使用本地存储的复选框状态,javascript,local-storage,Javascript,Local Storage,好的,我有一个表单,其中有大约30个不同的复选框,它们的状态使用此代码存储在本地存储中(选中或未选中) <script type="text/javascript">//<![CDATA[ $(window).load(function(){ $(':checkbox').on('change', function () { localStorage.setItem(this.id, this.checked); }); $(':checkbox').each(function

好的,我有一个表单,其中有大约30个不同的复选框,它们的状态使用此代码存储在本地存储中(选中或未选中)

<script type="text/javascript">//<![CDATA[
$(window).load(function(){
$(':checkbox').on('change', function () {
localStorage.setItem(this.id, this.checked);
});
$(':checkbox').each(function () {   
var status = localStorage.getItem(this.id) === "true" ? true : false;
$(this).prop("checked", status);
});
});
 //]]></script>
//
我的问题是,在表单中,我有两个复选框,分别设置为选中和禁用(如下所示)



如何在本地存储中永久选中这些复选框,并将它们添加到我已有的代码(或一个完整的新代码)

您可以通过过滤它们来忽略设置禁用复选框的值


$(':checkbox:not(:disabled)

我该怎么做?
<input type="checkbox" name="opt9" value="Yes" id="2" checked="checked"  disabled="disabled"/>
<input type="checkbox" name="opt8" value="Yes" id="6" checked="checked" disabled="disabled"/>