CODEWITHSUNDEEP
jquery
stepho
stepho

Reputation: 93

Check if HTML input range is a certain value - jquery

I'm trying to dynamically change a page when the the input range is changed to different values? Anyway for jquery to check the value on the fly and allow me to set conditions when the range is moved to a certain value? Thanks

<input type="range" min="0" max="100" name="adjust" id="range"/>

if ( $('input[type="range"]').is().val(50) ) {

 alert('Value is 50');

}

Upvotes: 1

Views: 2448

Answers (1)

Shadi Shaaban
Shadi Shaaban

Reputation: 1720

Attach OnChange event handler:

  $(function(){
      $("#range").change(function(){        
        if ( $(this).val() == "50")
        {
            alert('Value is 50');
        }
        $("#value").text($(this).val());
      });    
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

<input type="range" min="0" value="25" max="100" name="adjust" id="range"/>

<span id="value"></span>

Upvotes: 2

Related Questions