如何保持複選框刷新頁面後檢查

我有一個下拉框，當從下拉列表中選擇數據時，我也有每個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>

來源

2014-03-02 arok

將在cookie中的複選框的狀態，並用它來初始化複選框當頁面加載時。 – Barmar

可能重複[保持複選框頁面刷新後檢查]（http://stackoverflow.com/questions/9472590/keep-checkboxes-checked-after-page-refresh） – Barmar

@Barmar爲什麼在地球上人們仍然想使用cookie爲了這些事情。我想我們應該開始使用'localStorage'。 –

使用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')); 
});

來源

2014-03-02 08:22:58

該解決方案將檢查該頁面上的所有「複選框」，即使您選擇了一個複選框。 –

是的，我知道。但是任何熟悉jQuery的人都可以爲單個複選框編輯此代碼:)這並不困難。 –

要閱讀本地存儲http://www.w3schools.com/html/html5_webstorage.asp – Matheus208

如何保持複選框刷新頁面後檢查

回答

相關問題