2014-04-22 55 views
0

我有一組複選框,必須在頁面加載時進行檢查。我有一個onload腳本來自動檢查複選框,但是當我取消選中複選框並重新加載頁面時,它仍然被選中。它怎麼能記住它是最後的狀態?在此先感謝檢查加載時的複選框,但如果頁面重新加載必須記住上一個狀態

+0

使用Cookie /本地存儲來存儲我需要HTML和CSS類爲您解決問題的狀態 –

+0

。所以你可以爲此創建JS小提琴。 – chandu

回答

1

嘗試......

var i, checkboxes = document.querySelectorAll('input[type=checkbox]'); 

    function save() { 
     for (i = 0; i < checkboxes.length; i++) { 
     localStorage.setItem(checkboxes[i].value, checkboxes[i].checked); 
    } 
} 

function load_() { 
    for (i = 0; i < checkboxes.length; i++) { 
    checkboxes[i].checked = localStorage.getItem(checkboxes[i].value) === 'true' ?  
    true:false; 
    } 
} 

工作小提琴手: - http://jsfiddle.net/sQuEy/104/

相關問題