当前位置：文江博客话题详情

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

发布于 2024-10-28 12:38:23 字数 299 浏览 5 评论 0原文

请参阅：mycellularcenter.com/phones

我想在 javascript/JQuery 中复制此功能，但不太熟悉甚至知道要寻找什么的语言。

就功能而言，我的意思是能够选择左栏中的一个或多个项目，并显示/隐藏右栏的内容以满足选定的复选框条件。

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

感谢建议/帮助。

杰成

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

陌伤浅笑 2024-11-04 12:38:23

这是通过 ajax 请求完成的

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

回复收藏 0 原文

过潦 2024-11-04 12:38:23

您当然可以使用 AJAX 来完成此操作。另一种选择是使用 jQuery filter() 函数。

回复收藏 0 原文

微凉 2024-11-04 12:38:23

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

看看这个 jQuery 插件

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

回复收藏 0 原文

尘曦 2024-11-04 12:38:23

您需要做的就是查看复选框何时更改，然后将内容（通过 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，因此 checkbox 会可以使用 $_POST['te'] 进行访问（如果复选框被选中，则为 true，否则为 false）。然后将此页面生成的 html 放入 container div 中（替换该 div 中的旧内容）。

What it looks like you would need to do is see when a checkbox has been changed, and reload the content (through ajax, with xml/html/json) into the div.
http://jsfiddle.net/mazzzzz/ABk4R/6/ is the javascript I would use,
and the php would be something like:

script.php

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

Each checkbox is sent to the php in the $_POST variable, so checkbox <input type="checkbox" value="te" /> would be accessed with $_POST['te'] (which is true is the checkbox is checked, and false if not). Then the html generated by this page is put into the container div (replacing the old content in that div).

回复收藏 0 原文