如何保持复选框刷新页面后检查

Question

我有一个下拉框，当从下拉列表中选择数据时，我也有每个td上面的复选框，这个复选框用于隐藏这个执行的列Java脚本，如果用户选中该复选框，他选择在下拉框中的另一个值，则选择复选框将不显示，

下面

是隐藏的列时复选框选中

代码我想如果用户选中复选框，并且他在下拉框中选择了另一个值，那么所选的复选框将不会显示任何人可以如何操作

<input type='checkbox' style='margin:-19px 0 0 732px; border: 1px solid grey;' name='9xx'/>9xx 
<input type='checkbox' style='margin:-19px 0 0 36px; border: 1px solid grey;' name='6xx'/>6xx 
<input type='checkbox' style='margin:-19px 0 0 30px; border: 1px solid grey;' name='12xx'/>12xx 
<input type='checkbox' style='margin:-19px 0 0 21px; border: 1px solid grey;' name='14xx'/>14xx 
<input type='checkbox' style='margin:-19px 0 0 26px; border: 1px solid grey;' name='10xx'/>10xx 
<input type='checkbox' style='margin:-19px 0 0 31px; border: 1px solid grey;' name='8xx'/>8xx 
<input type='checkbox' style='margin:-19px 0 0 31px; border: 1px solid grey;' name='11xx'/>11xx 

<script> 
$("input:checkbox:not(:checked)").each(function() { 
    var column = "table ." + $(this).attr("name"); 
    $(column).show(); 
}); 

$("input:checkbox").click(function(){ 
    var column = "table ." + $(this).attr("name"); 
    $(column).toggle(); 
}); 

</script> 

Answer 1

使用localStorage它。

这里是JSFiddle它的例子。 Link

背后代码：

HTML代码：

<input type="checkbox"> 

JS代码：

$(function(){ 
    var test = localStorage.input === 'true'? true: false; 
    $('input').prop('checked', test || false); 
}); 

$('input').on('change', function() { 
    localStorage.input = $(this).is(':checked'); 
    console.log($(this).is(':checked')); 
});