用Jquery更新進度條大小

我想獲得一個jQuery腳本來評估一個表格單元格，並將其除以120，並將其乘以100得到一個百分比。此百分比將更新進度條的長度。用Jquery更新進度條大小

的Jquery：

<script> 
    $(document).ready(function() { 
     var base = $('#stat').val(); 
     var baseStat = (Math.floor(base)/120) * 100; 
     $('.progress-bar').css('width', baseStat + '%'); 
    }); 
</script>

HTML：

<td width='5%' id='stat'>20</td> 
<td> 
    <div class='progress'> 
     <div class="progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="120" style="width:0%"></div> 
    </div> 
</td>

來源

2014-11-04 Greg

你忘了包括一個問題 – Malk 2014-11-04 00:04:11

格雷格，好知道。你有什麼問題？如果要在HTML中顯示結果，則需要指定：jQuery'$（'要顯示的元素的ID'）。html（）'或JavaScript'var el = document.getElementById（'＃ID元素顯示爲'）' – Growler 2014-11-04 00:04:36

當腳本運行時，進度條不顯示任何內容。它能夠讀取「Math.floor」，如果我把一個靜態數字放在「base」變量的地方，但它不想讀取我的變量爲「base」 – Greg 2014-11-04 00:06:43

.val()用於從輸入字段獲取值。

試試這個：

var base = $('#stat').text();

編輯： .text()可以用來獲取/設置文本的元素。

見API參考：https://api.jquery.com/text/

來源

2014-11-04 00:11:58 kRiZ

用Jquery更新進度條大小

回答

相關問題