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>

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

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

但我得到了＃34;未定义＆＃34;当我提醒价值时。

alert(slider1);

提前谢谢你们！

Answer 1

试试这个

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

Answer 2

你应该试试这个：

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

Answer 3

从您的代码中我们可以发现input组件的类名和 id 是相同的： form_slider1 。

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

如果你想用class来获取这个元素的值，你应该使用这个 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”））;

获取输入类型Range的值

4 个答案: