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