2015-10-07 362 views
0

將百分比傳遞給HTML輸入。我想使用整數,例如2來表示0.02。我如何用下面的代碼實現這一點?jQuery通過HTML輸入將整數轉換爲百分比

的jQuery:

function percentage_output() { 

    var rate = $('#rate').val(); 

    $('#output').html(rate); 

}; 
$('input').on('blur', percentage_output); 

HTML:

<input id="rate" type="number"> 

<div> 
    Output: <span id="output"></span> 
</div> 

回答

1

我的天哪,你就麻煩了,你可能已經實際使用數學..

var rate = $('#rate').val()/100; 
+0

我沒有想到這樣做的變量中。數學不是問題,我對JavaScript的方式的新穎似乎是。謝謝! (在4分鐘內設置爲答案,將刪除此編輯消息) –

+0

變量只是保存信息。你可以簡單地做'$('#output')。html($('#rate')。val()/ 100);' - 如果這有助於請點擊複選標記:) –

+1

我相信我越來越堅持認爲整數必須通過輸入解析,使用變量,然後轉換爲百分比。我錯了。謝謝! –

0

爲什麼不能這樣做

var rate = parseInt($('#rate').val()); 
var rateInPorcentage = rate/100; 
$('#output').html(rateInPorcentage); 

還沒有測試,但我asuming它的工作原理

+0

rate/100已經是一個浮點數,不需要parsefloat –

+0

經過測試,工作,僅僅是jquery的新手。 –

+0

你是對的,虐待編輯響應 – jstuartmilne