cript, всё работает
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>slider demo</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/mint-choc/jquery-ui.css">
<style>
div {
margin-top: 20px;
}
.slider {width : 500px; }
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$(function ()
{
var rd = $('.output input:radio');
$("#slider-vertical").slider({
animate: true,
orientation: "vertical",
range: "min",
min: 0,
max: 5,
value: 0,
slide: function(event, ui) {
$("#rangevalue").html(rd.eq(ui.value).val());
rd.eq(ui.value).prop('checked', true) // второй вариант
}
});
$("#rangevalue").html( $("#slider-vertical").slider("value"));
})
function action(str)
{
alert(str);
}
</script>
</head>
<body>
<div class="output">
<input type="radio" class="radio" name="button" value="1" onclick="action('2500')" checked="checked">
<input type="radio" class="radio" name="button" value="2" onclick="action('2500')">
<input type="radio" class="radio" name="button" value="3" onclick="action('2500')">
<input type="radio" class="radio" name="button" value="4" onclick="action('2500')">
<input type="radio" class="radio" name="button" value="5" onclick="action('2500')">
<input type="radio" class="radio" name="button" value="6" onclick="action('2500')">
</div>
<label for="rangevalue">Value:</label>
<div id="rangevalue" style="border:0; color:#f6931f; font-weight:bold;"></div>
<div id="slider-vertical" style="height:200px;"></div>
</body>
</html>