В jQuery, что является лучшим способом форматирования числа до 2 десятичных знаков? - PullRequest
Новая
       43

В jQuery, что является лучшим способом форматирования числа до 2 десятичных знаков?

63 голосов
/ 25 января 2009

Вот что у меня сейчас есть: 

$("#number").val(parseFloat($("#number").val()).toFixed(2));

Это выглядит грязно для меня. Я не думаю, что я правильно соединяю функции в цепи. Нужно ли вызывать его для каждого текстового поля или я могу создать отдельную функцию?

Ответы [ 3 ]

99 голосов
/ 25 января 2009

Если вы делаете это с несколькими полями или делаете это довольно часто, то, возможно, плагин - это ответ.
Вот начало плагина jQuery, который форматирует значение поля с двумя десятичными разрядами.
Это вызвано событием onchange поля. Вы можете хотеть что-то другое. 

<script type="text/javascript">

    // mini jQuery plugin that formats to two decimal places
    (function($) {
        $.fn.currencyFormat = function() {
            this.each( function( i ) {
                $(this).change( function( e ){
                    if( isNaN( parseFloat( this.value ) ) ) return;
                    this.value = parseFloat(this.value).toFixed(2);
                });
            });
            return this; //for chaining
        }
    })( jQuery );

    // apply the currencyFormat behaviour to elements with 'currency' as their class
    $( function() {
        $('.currency').currencyFormat();
    });

</script>   
<input type="text" name="one" class="currency"><br>
<input type="text" name="two" class="currency">
62 голосов
/ 25 января 2009

Может быть, что-то вроде этого, где вы можете выбрать более одного элемента, если хотите? 

$("#number").each(function(){
  $(this).val(parseFloat($(this).val()).toFixed(2));
});
4 голосов
/ 27 ноября 2012

Мы модифицируем функцию Meouw для использования с keyup, потому что, когда вы используете ввод, это может быть более полезным.

Проверьте это:

Привет !, @heridev и я создали небольшую функцию в jQuery.

Вы можете попробовать следующее:

HTML 

<input type="text" name="one" class="two-digits"><br>
<input type="text" name="two" class="two-digits">​

JQuery 

// apply the two-digits behaviour to elements with 'two-digits' as their class
$( function() {
    $('.two-digits').keyup(function(){
        if($(this).val().indexOf('.')!=-1){         
            if($(this).val().split(".")[1].length > 2){                
                if( isNaN( parseFloat( this.value ) ) ) return;
                this.value = parseFloat(this.value).toFixed(2);
            }  
         }            
         return this; //for chaining
    });
});

ДЕМО ОНЛАЙН:

http://jsfiddle.net/c4Wqn/

(@ heridev, @vicmaster)

...