检查HTML输入范围是否为特定值 - jquery

时间:2016-11-14 00:06:41

标签: jquery

当输入范围更改为不同值时,我正在尝试动态更改页面?无论如何,jquery动态检查值,并允许我在范围移动到某个值时设置条件?感谢

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

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

 alert('Value is 50');

}

1 个答案:

答案 0 :(得分:1)

附加OnChange事件处理程序:

&#13;
&#13;
  $(function(){
      $("#range").change(function(){        
        if ( $(this).val() == "50")
        {
            alert('Value is 50');
        }
        $("#value").text($(this).val());
      });    
  });
&#13;
<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>
&#13;
&#13;
&#13;