Php 如何通过选中或取消选中复选框筛选数据

Php 如何通过选中或取消选中复选框筛选数据,php,Php,我有几个复选框,如下所示。当选中一个复选框时,它必须从mysql加载结果,当再次取消选中时,它必须在不刷新页面的情况下加载结果 几乎和我的一样 我该怎么办 <div class="tags"> <label><input type="checkbox" class="arts" /> Arts </label> <label><input type="checkbox" class="computers" /> Comp

我有几个复选框,如下所示。当选中一个复选框时,它必须从mysql加载结果,当再次取消选中时,它必须在不刷新页面的情况下加载结果

几乎和我的一样

我该怎么办

 <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查看此处:

您可以使用JavaScript执行此操作,使用jQuery查看此处:

使用jQuery最容易完成此操作(如上所述)。一般来说,你会经历一系列的“发现一些东西”然后“做一些事情”的任务。我不是javascript专家,但我在逻辑方面的微弱尝试应该会让您走上正确的道路

jQuery逻辑将如下所示:

  • “侦听”复选框状态的更改,请参阅
  • 设置一个var=从ajax调用中获得的结果,ajax调用提取您想要查看的信息
  • 根据复选框的状态追加(或删除)该变量请参见和

希望这能有所帮助。

这是使用jQuery(如上所述)最容易实现的。一般来说,你会经历一系列的“发现一些东西”然后“做一些事情”的任务。我不是javascript专家,但我在逻辑方面的微弱尝试应该会让您走上正确的道路

jQuery逻辑将如下所示:

  • “侦听”复选框状态的更改,请参阅
  • 设置一个var=从ajax调用中获得的结果,ajax调用提取您想要查看的信息
  • 根据复选框的状态追加(或删除)该变量请参见和

希望这有帮助。

您需要使用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):


您需要使用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):


您可以获取选中复选框$('[name=“业余爱好”:checked]').val()的值,对于未选中复选框,您可以使用$(“输入:复选框:未(:选中)”)

您可以获取选中复选框$('[name=“业余爱好”:已选中]).val()的值,对于未选中复选框,您可以使用$(“输入:复选框:未(:选中)”)

如何使用一些复选框,我需要附加标准显示可以使用一些复选框,我需要附加标准