Jquery Masking Float/Int Valueを返す

Question

jquery masking pluginを使用してマスクした入力の元の値を戻すにはどうすればよいですか？

このケースでは、私はマネーの通貨マスキングを使用しています。 jQueryを使って値を取得した場合、float/intではなくstringを返します。

どうすれば元の値に戻すことができますか？

$(document).ready(function() { 
 
\t $('.money').mask('000.000.000.000.000,00', {reverse: true}); 
 
    var mon = $('.money').val(); 
 
    console.log(mon); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.11/jquery.mask.min.js"></script> 
 

 
<input type="text" class="money" value="30000">

Answer 1

あなたは要素に.cleanVal()を呼び出す必要があります。 マスクされた値をプログラムで取得するはthis linkです。

$(document).ready(function() { 
 
\t $('.money').mask('000.000.000.000.000,00', {reverse: true}); 
 
    var mon = $('.money').cleanVal(); 
 
    console.log(mon); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.11/jquery.mask.min.js"></script> 
 

 
<input type="text" class="money" value="30000">

テキストボックスは常に文字列値を返します。必要に応じて手動で数値として解析する必要があります。parseInt()またはparseFloat()を使用してください。

Answer 2

あなたはあなたに感謝し、parseFloat(string)機能の魅力のような

$(document).ready(function() { 
 
\t $('.money').mask('000.000.000.000.000,00', {reverse: true}); 
 
    var mon = parseFloat($('.money').val()); 
 
    console.log(mon); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.11/jquery.mask.min.js"></script> 
 

 
<input type="text" class="money" value="30000">