Question

请参阅：mycellularcenter.com/phones

我想在javascript / JQuery中复制此功能，但我对该语言不熟悉甚至不知道要查找的内容。

根据功能，我的意思是能够选择左栏中的一个或多个项目，并使右侧列的内容显示/隐藏以符合所选的复选框标准。

我可以根据其他列中的文本点击来显示/显示行/ div，但不确定如何连接/迭代？通过多种选择。

感谢建议/帮助。

JC

Answer 1

这是通过ajax请求

完成的

它抓取表单数据，通过ajax请求将其发送到服务器，服务器处理表单数据，在其数据库中执行搜索，然后将json或xml返回到javascript，然后为每个javascript动态构建每行项目

Answer 2

您需要做的是查看何时更改了复选框，并将内容（通过ajax，使用xml / html / json）重新加载到div中。 http://jsfiddle.net/mazzzzz/ABk4R/6/是我要使用的javascript，和php会是这样的：

的script.php

<?php
$firstcheckboxChecked = $_POST['1'];
if ($firstcheckboxChecked)
    echo 'crap because first checkbox was checked';
?>

每个复选框都会发送到$ _POST变量中的php，因此可以使用<input type="checkbox" value="te" />访问复选框$_POST['te']（如果选中复选框则为true，否则为false）。然后将此页面生成的html放入container div（替换该div中的旧内容）。

Answer 3

你当然可以用AJAX做到这一点。另一种方法是使用jQuery filter()函数。

Answer 4

在服务器端做它肯定更容易，但这不是必须的，特别是如果你不使用非常复杂的过滤器

看看这个jQuery插件

http://plugins.jquery.com/project/uiTableFilter

Answer 5

我最近做了类似的事情，并且能够将它重构为我认为你想要的东西。这里的解释太详细了，所以请查看代码中的注释，以及这个例子：

http://jsbin.com/adaru3/edit

根据复选框条件-Javascript / JQuery过滤div / table行

5 个答案: