Question

简而言之，我想做的是只有几个按钮，只有一个进度条，它对每个按钮的反应都不同。我尝试获取按钮的值，然后执行if语句，但该变量返回NaN。我想不通..

function progressBarAbs() {
  var html_bar = document.getElementById("bar");
  var width = 1;
  var interval = setInterval(progressIntents, 10);

  function progressIntents() {

    var button = $("button").click(function() {
      var clicked_button = $(this).val();
    });

   var but = parseInt(button, 10);
   

   console.log(but);
         

    if (width >= 70) {
      clearInterval(interval);
    } else {
      width++;
      html_bar.style.width = width + '%';
      html_bar.innerHTML = width * 1 + '%';
    }



 }
}

<button id="java" value="1" onclick="progressBarAbs()">java</button>
    <button id="css" value="2" onclick="progressBarAbs()">css</button>
  <div id="progress-bar"><div id="bar">0%</div> </div>

Answer 1

基本上，您要做的就是发送事件，然后获取例如值：

function progressBarAbs(e){
  console.log(e.target.value);
}

<button id="java" value="1" onclick="progressBarAbs(event)">java</button>
    <button id="css" value="2" onclick="progressBarAbs(event)">css</button>
  <div id="progress-bar"><div id="bar">0%</div> </div>

那么您就可以获取价值并做您想做的事。

JavaScript按钮值和进度栏

1 个答案: