[SNEG]

Сделал, получилось:

<div class="layout-slider">
  <input id="CPUslider" type="slider" name="price" value="1" /></br>
  <input id="RAMslider" type="slider" name="price" value="1" /></br>
  <input id="HDDslider" type="slider" name="price" value="1" />
</div>
    <script type="text/javascript">
      var vdscpu = 0;
      var vdsram = 0;
      var vdshdd = 0;
      jQuery("#CPUslider").slider({ from: 1, to: 20, step: 1, round: 1, scale: [1, '|', 5, '|' , '10', '|', 15, '|', 20], skin: "round_plastic",
        onstatechange: function( value ){
        vdscpu = value}
      });
      jQuery("#RAMslider").slider({ from: 1, to: 16, step: 1, round: 1, scale: [1, '|', 4, '|' , '8', '|', 12, '|', 16], skin: "round_plastic",
        onstatechange: function( value ){
        vdsram = value}
      });
	    jQuery("#HDDslider").slider({ from: 1, to: 100, step: 1, round: 1, scale: [1, '|', 10, '|' , 20, '|', 30, '|', 40, '|', '50', '|', 60, '|', 70, '|', 80, '|', 90, '|', 100], skin: "round_plastic",
        onstatechange: function( value ){
        vdshdd = value}
      });
    </script>
<div>Общая цена</div>
<div id="totalprice"></div>
<script type="text/javascript">
     var vdscpuprice = vdscpu;
     var vdsramprice = vdsram;
     var vdshddprice = vdshdd;
     document.getElementById('totalprice').innerHTML = (vdscpu + vdsram + vdshdd );
</script>

Но опять выводит только первые данные, при изменении данных на ползунке никаких изменений(