基于复选框条件筛选div/表行-Javascript/JQuery

请参阅：

我想在javascript/JQuery中复制此功能，但对该语言还不够熟悉，甚至不知道要查找什么

所谓功能，我指的是能够选择左列中的一个或多个项目，并使右列的内容显示/隐藏以满足选中的复选框标准

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

感谢您的建议/帮助

---

JC

这是通过ajax请求完成的

---

它获取表单数据，通过ajax请求将其发送到服务器，服务器处理表单数据，在其数据库中执行搜索，然后将json或xml返回到javascript，然后javascript为每个项目动态构建每一行，并将内容（通过ajax，使用xml/html/json）重新加载到div中。 是我将使用的javascript， php应该是这样的：

script.php

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

---

每个复选框都被发送到$u POST变量中的php，因此复选框

将通过

$\u POST['te']

进行访问（如果复选框被选中，则为true，否则为false）。然后，此页面生成的html被放入

容器
div（替换该div中的旧内容）。
您当然可以使用AJAX来实现这一点。另一种选择是使用jQuery
filter（）
函数。
在服务器端使用它肯定更容易，但这不是必须的，特别是如果您不使用非常复杂的过滤器

看看这个jQuery插件

我最近做了类似的事情，并且能够将其重构到我认为您想要的程度。这里的解释太详细了，所以请查看代码中的注释，下面的示例：