[英]How can i filter data by checkbox check or uncheck
我有几个如下的复选框。 当选中一个复选框时,它必须加载mysql的结果,而再次取消选中时,它必须加载没有页面刷新的结果。
与http://www.facebook.com/find-friends/browser/几乎相同
我能怎么做?
<div class="tags"> <label><input type="checkbox" class="arts" /> Arts </label> <label><input type="checkbox" class="computers" /> Computers </label> <label><input type="checkbox" class="health" /> Health </label> <label><input type="checkbox" class="video-games" /> Video Games </label> </div>
您可以使用JavaScript和jQuery来执行此操作: http : //api.jquery.com/jQuery.get/
使用jQuery(如上所述)最容易做到这一点。 通常,您将经历一系列的“发现某事”然后“做某事”任务。 我不是javascript专家,但是我在逻辑方面的微不足道的尝试应该可以帮助您正确地开始工作。
jQuery逻辑如下所示:
希望这可以帮助。
您需要使用Ajax。
正如人们所建议的那样,jQuery使您可以轻松地做到这一点。
例:
在JavaScript文件中:
$.ajax({
url: '/get-data',
type: 'GET',
data: { tags: anArrayOfCheckedCheckboxes }, // get the checked checkboxes the way you want
complete: function(response) {
// do what do you need with the response (display results for example)
}
});
在PHP方面( / get-data URL):
$tags = $_GET['tags'];
// get the results from the database
return json_encode($results);
您可以获取已选中复选框$('[name =” hobbies”:checked]')。val()的值,对于未选中复选框,可以使用$(“ input:checkbox:not(:checked)”)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.