Trong jQuery, cách tốt nhất để định dạng số thành 2 chữ số thập phân là gì?

Question

Đây là những gì tôi có ngay bây giờ:

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

Có vẻ lộn xộn với tôi. Tôi không nghĩ rằng tôi đang chaining các chức năng một cách chính xác. Tôi có phải gọi nó cho mỗi hộp văn bản hay tôi có thể tạo một chức năng riêng biệt không?

Answer 1

Nếu bạn đang thực hiện việc này với một số trường hoặc thực hiện thường xuyên, thì có lẽ plugin là câu trả lời.
Đây là khởi đầu của một plugin jQuery định dạng giá trị của một trường thành hai chữ số thập phân.
Nó được kích hoạt bởi sự kiện thay đổi của trường. Bạn có thể muốn một cái gì đó khác nhau.

<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"> 

Answer 2

Có thể một cái gì đó như thế này, nơi bạn có thể chọn nhiều hơn một yếu tố nếu bạn muốn?

$("#number").each(function(){ 
    $(this).val(parseFloat($(this).val()).toFixed(2)); 
}); 

Answer 3

Chúng tôi sửa đổi chức năng Meouw được sử dụng với khóa, vì khi bạn sử dụng đầu vào, nó có thể hữu ích hơn.

Kiểm tra điều này:

Xin chào !, @heridev và tôi đã tạo một hàm nhỏ trong jQuery.

Bạn có thể thử tiếp theo:

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 
    }); 
}); 

DEMO ONLINE:

http://jsfiddle.net/c4Wqn/

(@heridev, @vicmaster)