Html 如何通过分页来维护复选框值?

Html 如何通过分页来维护复选框值?,html,user-interface,checkbox,Html,User Interface,Checkbox,我有一个以分页方式显示的产品列表,我可以使用复选框过滤产品的显示。问题是它只能在第一页显示“来自”复选框的值,如果我转到下一页,我将丢失复选框的值。请帮我解决这个问题。我不知道应该将输入隐藏在哪里,也不知道如何编写Java脚本。这是我的密码: <input id="checkbox_brand" type="checkbox" name="checkbox_brand[<? echo $data_brand[brand_name]; ?>]" value="<?

我有一个以分页方式显示的产品列表,我可以使用复选框过滤产品的显示。问题是它只能在第一页显示“来自”复选框的值,如果我转到下一页,我将丢失复选框的值。请帮我解决这个问题。我不知道应该将输入隐藏在哪里,也不知道如何编写Java脚本。这是我的密码:

<input id="checkbox_brand" type="checkbox"  name="checkbox_brand[<? echo    $data_brand[brand_name]; ?>]" value="<? echo $data_brand[brand_name]; ?>"/>

if (isset($_POST["checkbox_brand"])){
foreach($_POST["checkbox_brand"] as $status_a) {
$status_sql[] = '\''.$status_a.'\'';
}
$status = implode(',',$status_sql);
session_start();
$_SESSION["selected"]=$status;
}

if (session_is_registered("selected")){
-->my query
}

每次按下复选框时,都必须在JavaScript中使用字典数组

document.getElementById("userChoiceHiddenField").value = JSON.sringify("userChoice");
例如: 如果我使用您给出的示例页面,那么当按下“类别”内的复选框时 您必须在正确的变量中输入一个值

// Initialize Objects
var userChoice = {};
userChoice.Catagories = {};
userChoice.Brands = {};
userChoice.ScreenSize = {};
.
.
.

// Pressing check box will trigger the bellow
userChoice.Categories["LG"] = 0;
userChoice.Categories["Sharp"] = 1;
userChoice.Categories["Sony"] = 1;
userChoice.Brands["LcdTV"] = 1;
userChoice.Brands["LedTV"] = 0;
每次按下复选框也会触发以下JavaScript

document.getElementById("userChoiceHiddenField").value = JSON.sringify("userChoice");
提交页面或转到下一页时,隐藏值将包含JSON字符串,因此您可以再次将其解析为JSON

服务器端:(.NET)

然后将得到的值放回隐藏字段和JavaScript值中,如下所示:

userChoice = JSON.parse(document.getElementById("userChoiceHiddenField").value);

希望这能回答您的问题。

如果有许多记录,IMO复选框不是正确的选择。如果用户需要取消选中以前的选择,则必须返回每页并进行搜索。仅当用户能够轻松查看所选内容时,才使用复选框。在选择大型数据集中的记录时,我建议使用两个列表框,其中用户选择放在一个列表中,另一个列表具有可用的选择(可以根据需要分页)。这是非常用户友好的,也将解决您的问题。谢谢您的回复。但是我的用户希望网络能够显示这样的东西,我已经做了这样的事情,但仍然无法工作:echo“”;