3 个互连的滑块

我已经为这个问题绞尽脑汁两天了，我尝试了不同的方法，但没有一个起作用。我正在构建一个应用程序，它是一种测验。共有三个包含问题的主题。我想使用 3 个滑块来定义他们想要的每个主题的问题百分比。

ex : slider one   = History
     slider two   = Maths
     slider three = Grammar

如果我选择拥有更多历史记录，我会向上滑动历史滑块，其他滑块应根据它们必须达到 3 个滑块的 100% 的值而减小...

对算法有什么想法吗？当一个滑块达到零值时会发生什么？

数学从来都不是我的菜。

任何帮助将不胜感激。

提前致谢。

Mike

虽然 Snowangelic 的答案很好，但我认为按如下方式限制不变值之间的比率更有意义。

令s1、s2、s3为滑块的当前值，因此s1+s2+s3=100。您想要求解 n1、n2、n3 滑块的新值，以便 n1+n2+n3=100。假设用户将 s1 更改为 n1。然后这添加了以下约束：

n2/n3 = s2/s3

因此，n1+n2+n3=100 时问题的解为

n2 = (100-n1)/(s3/s2 + 1) 或 0（如果 s2=0）并且

n3 = (100-n1)/(s2/s3 + 1) 或 0（如果 s3=0）