Check if HTML input range is a certain value - jquery

Question

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');

}

You should check out answers to this question: stackoverflow.com/questions/10473554/… — Gabor Lengyel
– Gabor Lengyel, Commented Nov 14, 2016 at 0:13
This is exactly why you should never learn jQuery before JS. — Shomz
– Shomz, Commented Nov 14, 2016 at 0:25

Shadi Shaaban · Accepted Answer · 2016-11-14 00:30:05Z

2

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>

answered Nov 14, 2016 at 0:30

Shadi Shaaban

1,7081 gold badge11 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Check if HTML input range is a certain value - jquery

1 Answer 1

Attach OnChange event handler:

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Attach OnChange event handler:

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related