Javascript - 选中无效组合值的选择框

Question

我的网站上有一个选择框，允许用户选中“全部”或选择特定项目。问题是，如果他们选择“全部”加上一个或多个项目，它会污染我的搜索逻辑。在javascript / jquery中检查这个无效组合的最佳方法是什么？

Answer 1

最好的方法是为all字段设置一个布尔值。如果他们选择了“全部”，则将其设为真，否则为假。

如果有来自用户的复选框可以选择，则在用户点击“全部”时以编程方式检查所有复选框。

如果用户选中任何复选框，则首先将该变量设为false，然后以编程方式取消选中“all”字段。

现在，当您应用搜索逻辑时，首先检查此布尔值是否为真，然后不要考虑其他选择值，如果它是假的，则只考虑其他值。

为了实现这一点，您只需要两个类，一个用于所有字段，另一个用于其他字段，以通过jQuery获取更改/单击触发器。

我已经给出了采用布尔变量的示例，但您也可以应用您喜欢的其他方法，但逻辑不会失败。

Answer 2

如果他们选择了全部，那么为什么他们可以选择“加一个或多个项目”，因为所有项目都已被选中。

假设这是一个复选框列表，如果用户选择“全部”然后点击任何其他选项，则该选项将被取消选择，并且也应取消选择“全部”选项。