Javascript 获取输入类型范围的值

我有以下代码：

<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>

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

alert(slider1);

提前谢谢你们

试试这个

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

你应该试试这个：

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

---

从您的代码中，我们可以发现

input

组件的类名和id是相同的：form\u slider1

因此，如果您想使用id来获取该元素的值，您应该使用这个

var slider1=$（“#form#u slider1”）.val（）

如果要使用类获取此元素的值，则应使用此

var slider1=$（“.form_slider1”）.val（）
javascript

用元素对象替换对象，用事件替换eventCallback（例如onclick）

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>


var r1=document.getElementById（“子”）；
r1.onclick=function（）{
var r=document.getElementById（'r'）。值；
如果（r>10）{
警惕（“你越过了一半”）；
}
else警报（“值小于10”）；
};

如果需要，您可以给出自己的条件（eq r==20警报（“峰值”）
 试试这个：
var slider1=$（“.form_slider1”）.val（）谢谢您的帮助！：）谢谢！：）顺便问一下，我如何为这个html5输入类型范围添加验证？它不应该是0。如何添加警告消息，如其他html5输入类型上的默认验证消息？
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>