Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/377.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 可调条作为一个组连接,文本字段中的值_Javascript - Fatal编程技术网

Javascript 可调条作为一个组连接,文本字段中的值

Javascript 可调条作为一个组连接,文本字段中的值,javascript,Javascript,我想要5根以卷边总值为100%的方式连接的钢筋 前用户将杆1向上移动4%,杆2、3、4、5向下移动1% 这些值应该投影到文本字段中,这样表单就可以为一些PHP操作发布 我以前在webapplications上看到过这一点,只是假设它是javascript。没有人知道这是怎么做的吗 非常感谢 这些“条”通常称为“滑块”。大多数流行的库都有这样的控制类。这里有一个滑块,我写过一次:如果您不打算直接销售部分代码,您可以使用它。 某些功能需要Mootools,但在quirksmode下工作,并具有“剪切

我想要5根以卷边总值为100%的方式连接的钢筋

前用户将杆1向上移动4%,杆2、3、4、5向下移动1%

这些值应该投影到文本字段中,这样表单就可以为一些PHP操作发布

我以前在webapplications上看到过这一点,只是假设它是javascript。没有人知道这是怎么做的吗

非常感谢

这些“条”通常称为“滑块”。大多数流行的库都有这样的控制类。这里有一个滑块,我写过一次:如果您不打算直接销售部分代码,您可以使用它。 某些功能需要Mootools,但在quirksmode下工作,并具有“剪切”功能:
例如,您有一个从0到100的刻度,但只能选择从0到50的值。它对于多个绑定滑块的某些值组合很有用。

您需要为所有滑块调用
setValue
,除了调用该滑块以保持其值绑定的滑块

这些值应以 文本字段

只需添加代码,将textfield更新到构造函数中第三个参数的change function-change属性中。还可能需要一个网络方法来更新ind
\u max\u cut
\u min\u cut
并重新初始化所有相关值


您可以使用YUI slider执行类似的操作,它更受欢迎、功能更丰富,并且受支持=)

谢谢您的回答。你知道YUI slider是否可以使用我需要的这个多功能。也就是说,它们在某种意义上相互影响,即它们有一个collect总值?不,您需要创建自己的函数,该函数将在更改其中一个滑块后更新其余滑块。YUI滑块更好,因为它允许在不触发更改事件和执行递归onChange调用的情况下更新其值。也许其他一些框架也允许这样做。