Multiple jQuery sliders with a master controlled by them and can also control the latter

First of all, sorry for my bad english and jQuery.

So what am I trying to do? This is what I imagine:


------------------------------------ || --------- ------------------------------

Other Miscellaneous2

------- || ----------- || ---------- ----------

Miscellaneous3 Miscellaneous4

------- || ----------- || ---------- ----------

Max max value = 1200

Other maximum value = 100

Other1 maximum value = 400

Other2 maximum value = 200

Other3 maximum value = 500

(all other amounts are 1200)

By moving the leading slider, all the values โ€‹โ€‹of the other sliders increase accordingly. Moving every other slider, Master one is increased.

What can you recommend to me?

I've read them, but it was a little of little use:

Combined total for multiple jQuery-UI sliders

JQuery UI Slider - Combined Max for multiple sliders that also have individual max values

Hope my point is clear.

Can anyone help me? JSFiddle would be the best answer ...

Update: Added JSFiddle:

Nice day for everyone



source to share

1 answer

Is this what you mean?

It updates the master when you change all the other sliders, and when you update the master, it updates all the others.



All Articles