jquery - 选择框组中的jQuery选择框最大值

Question

早上好，

我需要一个 jQuery 的“范围”选择器。jQuery 或 jQuery-UI 中有一个吗？

例如：

我有 3 个总和为 2 的选择框。在选择框组的一个选择框中，我选择数量 1。然后该组中的其他选择框只有一个值“1”。

第二个（右）示例：我有 4 个选择框，总和为 4。首先，我在该选择框组的一个选择框中选择金额“2”。然后其他框只有 1 和 2 作为选择。我选2？然后其他为空“0”或我选择1，然后我可以在其他处选择+1。

像这样：

<selectgroup maximum="2">
    <select name="first" />
    <select name"second" />
    <select name"third" />
</selectgroup>

或者那个（正确的例子）：

<selectgroup maximum="4">
    <select name="first" />
    <select name"second" />
    <select name"third" />
    <select name"fourth" />
</selectgroup>

他们自己生成选项。

就像这样 => http://www.humblebundle.com/weekly <=，但有组和选择框。

先感谢您！

Answer 1

您可以使用 jQuery UI 滑块创建滑块，文档位于http://jqueryui.com/slider/。

然后，您可以绑定到.change事件，该事件的文档位于http://api.jqueryui.com/slider/#event-change。

在该回调中，您可以使用该.value方法动态调整其他滑块的值，文档位于http://api.jqueryui.com/slider/#method-value。

让我知道这是否有帮助，如果这有意义:)