javascript - 使用 JQuery 从 HTML5 滑块中检索值

Question

我在使用 JQuery 从 HTML5 滑块中检索值时遇到问题。这是我的代码：

查询：

  // Retrieve the value from slider one
  $("#submit").on("click", function(evt) {
      var sliderValue = $('#slider01').attr('value');
      alert("The value of slider 1 is: " + sliderValue);
  });

HTML：

  <input id="slider01" type="range" name="slider1" min="0" max="10" value="5">
  <span id="value">0</span>

它一直在警告框中告诉我，无论我将滑块移动到哪里，该值都是 5。

Answer 1

改变这个：

var sliderValue = $('#slider01').attr('value');

对此：

var sliderValue = $('#slider01').val();