按其他ProgressBars的值/宽度填充ProgressBar

时间:2014-03-26 05:43:18

标签: javascript jquery twitter-bootstrap-3

我正在动态生成前四个按钮和进度条(Java,CPP,Csharp和功能)。我正在使用javascript / jquery为它们添加宽度/值。现在我想在点击完成按钮后将所有进度条的宽度/值添加到mainProgreeBar。这是我的JavaScript代码,以下是FIDDLE相同的

JS

   function showSummery(){
    $("#summeryDiv").show();

    var finalScore= 0;
    $( "#subjdiv" ).next( ".btn",function(){
              var a = $(".btn").val();
          finalScore =parseInt($('#Javaprogressbar').val());
     });

     // finalScore  = finalScore +$( "#subjdiv" )
     // .nextUntil( '.progress-bar', 'div')
     // .width();
    alert(finalScore);
    $('#mainProgressBar').css(
        "width",finalScore+"%"
    );
    document.getElementById('#mainProgressBar').innerHTML=finalScore+"%";
}

1 个答案:

答案 0 :(得分:0)

    function showSummery(){
      var inputValues;
      $('.final').each(function() {
        var type = $(this).attr("value");
        inputValues = inputValues + type;
      })
     alert(inputValues);
     $('#mainProgressBar').css("width",inputValues+"%");
    }

这对我有用