选择框组中的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 。

如果这有帮助，请告诉我：)