Как сохранить флажок после обновления страницы

У меня есть раскрывающийся список при выборе из раскрывающегося списка показывает данные также у меня есть флажок над каждым тд, этот флажок используется, чтобы скрыть столбец, который выполняет сценарий 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>

Ответы на вопрос(1)

Ваш ответ на вопрос