javascript - JQuery を使用して HTML5 スライダーから値を取得する

Question

JQuery を使用して HTML5 スライダーから値を取得できません。これが私のコードです：

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>

スライダーをどこに動かしても、値が 5 であることが警告ボックスに表示され続けます。

Answer 1

これを変える：

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

これに：

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