获取输入类型 Range 的值

Question

我有这个代码：

<p class="slider1">Your approximate total debt: 
  <output name="slider_output1" id="slider_output1" for="form_slider1">0</output><br>                                                   
  <input type="range" class="form_slider1" name="form_slider1" id="form_slider1"
   value="0" min="0" max="60000" step="100" 
   oninput="slider_output1.value=form_slider1.value" 
   onchange="slider_output1.value=value"/>  
                                                                                                                                                           
</p>

我需要获取条件语句的范围/滑块值。 我尝试使用 jQuery：

var slider1 = $("form_slider1").val();

但是当我提醒该值时，我得到了“未定义”。

alert(slider1);

提前谢谢你们！

Answer 1

试试这个

var slider1 = $(".form_slider1").val();

Answer 2

你应该试试这个：

 var slider1 = $("#form_slider1").val();

Answer 3

从你的代码我们可以发现input组件的类名和id是一样的：form_slider1。

所以，如果你想使用 id 来获取这个元素的值，你应该使用 this
var slider1 = $("#form_slider1").val();。

如果你想使用 class 来获取这个元素的值，你应该使用 this
var slider1 = $(".form_slider1").val();

Answer 4

javascript

将对象替换为您的元素对象，并将 eventCallback 替换为您的事件（例如 onclick）

object.eventCallback=function(){
var r = document.getElementById('form_slider1').value;
alert(r);
};

jquery

var slider1 = $(".form_slider1").val();

这是关于你的评论

<input type="range" id="r" min="1" max="20">
<input type="submit" id="sub">

<script>
var r1=document.getElementById("sub");
r1.onclick=function(){
var r = document.getElementById('r').value;
if(r>10){
    alert("You crossed the half of it");
}
else alert("Value less than 10");
};
</script>

您可以根据需要给出自己的条件（eq r==20 alert("the peak"));