New to Kendo UI for jQuery? Start a free 30-day trial

Change

events

Fires when the slider value changes as a result of selecting a new value with the drag handle, buttons or keyboard.

change

Event Data

e.value `Number`

Represents the updated value of the slider.

<label>Temperature</label>
<input id="slider" class="temperature" />         

<script>
    function sliderOnChange(e) {
        console.log("Change :: new value is: " + e.value);
    }

    $(document).ready(function() {
        $("#slider").kendoSlider({
            change: sliderOnChange,
            min: 0,
            max: 30,
            smallStep: 1,
            largeStep: 10,
            value: 18
        });                    
    });
</script>

Change

change

Event Data

e.value Number

e.value `Number`