1

我有一个动态生成的表单，需要从用户那里收集几个总计 100 (%) 的数值。我考虑编写一个脚本/算法来调整几个文本字段的剩余值 - 这样当用户更改一个值时，剩余值会动态变化（因此这些值总是总计 100）。

然而，比起文本字段，我真的更喜欢用户友好的东西，比如在调整一个滑块时移动的滑块或其他一些用户友好的小部件（如总和为 100% 的可调整饼图（？））。

该脚本需要在最新版本的 Firefox、Chrome 和 IE 中运行。我在某处读到 HTML5 滑块在 Firefox 中不起作用。

我对不同的解决方案持开放态度。

4

4 回答 4

0

我没有清楚地了解您的问题，假设您需要一个人会滑动的值滑块，并且该条会自动每次增加 1，因此请尝试使用 jQuery 和 Ajax，将满足您的要求，您可以在这里查看一些。

于 2012-07-19T06:34:45.777 回答
0

滑块在 FireFox 中工作正常 - 试试http://www.colorpicker.com/

于 2012-07-19T08:44:16.307 回答
0

如果您愿意，可以使用jQuery UI 滑块。change您可以在事件上注册自定义功能，轻松调整其他滑块。

所以最后你得到了这样的东西（里面有一些伪代码）：

$( "#slider1" ).slider({
   change: function(event, ui) { 
        var i = 100 - value_of_slider1 / number_of_sliders_remaining;
        $("#slider2).setValue(i);
        $("#slider3).setValue(i);
   }
});

当然，这可以实现得更加复杂。只是给你一个基本的想法。取决于你的标记。

于 2012-07-19T12:35:22.913 回答
0

FireFox 中的滑块没有问题。

您可以让各种滑块/输入设备相互计算以通过除法或其他方式获得输出，然后减去最后一个/最小的数字，而不是从总数中除。这样，您的其他计算将准确无误，而最不重要的值可以弥补其余部分。

于 2012-07-20T21:04:18.003 回答