使用Javascript在表單之間傳遞數據時預先選中複選框

我正在使用Javascript在HTML頁面之間傳遞數據，並且除了複選框之外，大部分都是成功的。是否有可能確保複選框保持選中狀態進入下一頁？還是把複選框放在提交實際信息的第二頁上更好？謝謝！使用Javascript在表單之間傳遞數據時預先選中複選框

來源

2014-06-28 Tiana Cameron

保存在'localStorage'複選框狀態，那麼當新頁面加載，更新基於保存一下所有框。 – Barmar

你使用'POST'或'GET'方法嗎？嗯，我認爲它可以確保複選框保持檢查進入下一頁，更好。你可以發佈一些'htm'和'javascript'的代碼嗎？ – bumbumpaw

你好「使用javascript在頁面之間傳遞數據」？代碼在哪裏？ – RobG

這是使用sessionStorage保存複選框狀態的示例。即使重新加載頁面，複選框的狀態也會保留。

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="UTF-8"> 
    <script> 
     function loadOldValues(){ 
     checkboxes = document.querySelectorAll("input[type=checkbox]") 
     for(var i = 0; i < checkboxes.length; ++i){ 
      if(sessionStorage.getItem(checkboxes[i].id) == "true"){ 
      checkboxes[i].checked = true 
      } 
     } 
     } 
     function saveOldValues(){ 
     checkboxes = document.querySelectorAll("input[type=checkbox]") 
     for(var i = 0; i < checkboxes.length; ++i){ 
      checkboxes[i].addEventListener("change", function(){ 
      sessionStorage.setItem(this.id, this.checked) 
      }) 
     } 
     } 
     addEventListener("load", loadOldValues) 
     addEventListener("load", saveOldValues) 
    </script> 
    </head> 
    <body> 
    <form> 
     Form:<br> 
     <label for="checkbox1">Check 1:</label> 
     <input type="checkbox" id="checkbox1"><br> 
     <label for="checkbox2">Check 2:</label> 
     <input type="checkbox" id="checkbox2"><br> 
    </form> 
    </body> 
</html>

你可以找到更多關於存儲位置：http://www.html5rocks.com/en/features/storage

來源

2015-05-24 23:28:43

使用Javascript在表單之間傳遞數據時預先選中複選框

回答

相關問題