Как помнить Флажок/Выбор радиокнопки в форме мулитной страницы

Question

У нас есть форма, которая охватывает несколько страниц, а форма заполнена флажками и кнопками. Требование состоит в том, что когда пользователь перемещается по нескольким страницам формы, пользователь должен иметь возможность видеть флажки и радиокнопки, которые он уже выбрал, до нажатия кнопки «Отправить».

Я копирую код segement, который используется для создания флажков в форме - это только примерный код.

<form action="car_model.php" method="post" name="car_form" id="car_form"> 

    $q10 = "SELECT ... 
$r10 = mysqli_query ($dbc, $q10); 
if (mysqli_num_rows($r10) > 0) {  
     while ($row10 = mysqli_fetch_array($r10, MYSQLI_ASSOC)) 
     { 
     echo '<p class="normal_text"><input type="checkbox" name="model_selection[]" value="' . $row10['model_id'] . '" onclick="return KeepCount()"; />' . $row10['car_model_name'] . '</p></br>';  
     } 
    } 

    </form> 


    if ($pages > 1) { 

     echo '<br /><p>'; 

     // Determine what page the script is on:  
     $current_page = ($start/$display) + 1; 

     // If it's not the first page, make a Previous button: 
     if ($current_page != 1) { 
      echo '<a href="car_model.php?s=' . ($start - $display) . '&p=' . $pages . '">Previous</a> '; 
     } 

     // Make all the numbered pages: 
     for ($i = 1; $i <= $pages; $i++) { 
      if ($i != $current_page) { 
       echo '<a href="car_model.php?s=' . (($display * ($i - 1))) . '&p=' . $pages . '">' . $i . '</a> '; 
      } else { 
       echo $i . ' '; 
      } 
     } 

     // If it's not the last page, make a Next button: 
     if ($current_page != $pages) { 
      echo '<a href="car_model.php?s=' . ($start + $display) . '&p=' . $pages . '">Next</a>'; 
     } 

     echo '</p>'; 

    }  

Я понимаю, что JQuery является хорошим инструментом для этой цели - как его использовать?

Answer 1

Если использование переменных сеанса на стороне сервера не является вариантом, вы можете реализовать его таким образом, чтобы при нажатии кнопки «Далее» вместо загрузки новой страницы вы просто скрывали текущего владельца места содержания видимой части формы и показать следующий на своем месте и то же самое при нажатии.

Это можно сделать с помощью jQuery. Вот очень простой пример, чтобы вы начали:

$("#next").click(function() { 
    $("#page1").hide(); 
    $("#page2").show(); 
}); 

$("#back").click(function() { 
    $("#page1").show(); 
    $("#page2").hide(); 
}); 

Fiddle

Успехов!