javascript - 使用 JQuery 从 HTML5 slider 中检索值

Question

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

JQuery:

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

无论我将 slider 移动到哪里，它都会在警告框中不断告诉我值为 5。

Answer 1

改变这个:

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

为此:

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