如何記住多頁面表單中的複選框/單選按鈕

我們有一種跨越多頁的表單，表單中充滿了複選框和單選按鈕。要求是，當用戶瀏覽表單的多個頁面時，用戶應該能夠在按下表單Submit按鈕之前看到他已經選擇的複選框和單選按鈕。如何記住多頁面表單中的複選框/單選按鈕

我正在複製用於在表單中生成複選框的代碼段 - 這僅僅是一個示例代碼。

<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是一個很好的工具 - 如何使用它？

來源

2014-01-08 user2682369

將它們添加到會話中？ – Goikiu

如果使用服務器端會話變量不是一個選項，那麼你可以實現它，當你點擊「下一步」，而不是加載一個新的頁面，你只需隱藏當前的可見部分的內容佔位符形成並顯示下一個在它的位置和點擊返回時相同。

這可以很容易地用jQuery來完成。這裏是一個非常簡單的例子，讓你開始：

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

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

Fiddle

祝你好運！

來源

2014-01-08 14:28:53 Fabricio

麻煩讓小提琴正確鏈接... :-) – Fabricio

我試過 - 但我還沒有得到它的工作。順便說一下，這是什麼jquery插件是必要的？順便說一句，如果我選擇服務器端會話變量方法，如何保存不同的複選框在提交表單前由用戶選擇。 – user2682369

在我的小提琴示例中，我沒有使用任何插件。這僅僅是jQuery的裸骨。對於第二個問題，您需要了解如何在PHP中使用會話cookie。下面是讓你開始的東西：http://www.w3schools.com/php/php_sessions.asp – Fabricio

如何記住多頁面表單中的複選框/單選按鈕

回答

相關問題