我想设计一个网页，该网页绘制来自SQL数据库的数据，并允许用户根据复选框的选择来过滤输入，这些复选框是由数据库中的数据驱动的。
在我继续之前，我意识到这个网站并不适合人们解决上述问题。我不是在找那个我只停留其中一部分，因此是我的帖子。继续阅读，我会解释...
好的，我目前在Intranet页面上有一个网站，该网站从SQL Server中提取数据并使用plotly.js绘制数据。这项工作正常，但是当前通过提交html表单的用户来操作，这（a）刷新了页面，（b）不是我希望的操作方式。我希望页面显示为左侧的一系列复选框，这些复选框由数据库中的存在（或不存在）或数据提供。这些复选框将位于“手风琴”样式列表中的类别中，非常类似于此页面上的功能（https://www.w3schools.com/w3css/w3css_sidebar.asp）。
因此，我可以轻松编写一些PHP来查询数据库并根据SQL SELECT查询的响应创建复选框。我还可以轻松地编写一些代码来遍历复选框以建立选中的代码。然后，对此的响应将用于设计复杂的SELECT查询，然后将数据馈送到ploty.js代码。所有这一切都相对容易，但是我要提到它来设置场景。
这是我坚持的部分。我希望此页面在用户选中复选框时立即做出反应。在选择中，我希望页面执行以下两项操作：
根据用户当前的选择禁用不再有效的复选框。我的意思是什么？假设SQL数据库包含蛋糕，饼干和水果的数据。在这些类别的每个类别中，有几个子类别，例如蛋糕海绵，蛋糕巧克力，果酱果酱，饼干巧克力，饼干柠檬，水果草莓，水果香蕉，水果葡萄柚。最初，所有类别都是可用的，因为用户尚未选择任何内容。当用户选中“蛋糕”复选框时，我希望禁用其余复选框（例如，饼干，水果和所有与蛋糕无关的子复选框，例如柠檬，草莓，香蕉，葡萄柚）。我想让它们保持可见状态，因为用户以后可能会在过滤器上改变主意，但我希望用户无法选择不相关的复选框。
刷新SQL SELECT查询，该查询将输入plotly.js图并更新该图。
首先，我可以通过刷新页面并循环显示的复选框并相应地禁用它们来实现。通过刷新页面，我可以再次执行第二次操作。但是，我想在不刷新页面的情况下进行操作。我确信这是可行的，因为这似乎是大多数多面过滤器看起来如何工作的方式，例如www.skyscanner.net
任何有关如何在不刷新页面的情况下执行此操作的建议，将不胜感激。我要寻找的只是我可以研究的技术的名称或一个粗略的想法，而不是可行的解决方案。
非常感谢您的帮助