blocks|key|1642248|text|也许像这样，如果你愿意，你可以选择多个元素？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1642249|$("#number").each(function(){
++++$(this).val(parseFloat($(this).val()).toFixed(2));
});|code-block|syntax|javascript|1642250|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Maybe something like this, where you could select more than one element if you'd like?

<pre class="lang-js prettyprint-override"><code>$("#number").each(function(){
 $(this).val(parseFloat($(this).val()).toFixed(2));
});
</code></pre>

blocks|key|1642292|text|如果您正在对多个字段执行此操作，或者经常执行此操作，那么也许插件就是答案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1642293|下面是一个jQuery插件的开始，它将一个字段的值格式化为两个小数位。|1642294|由字段的onchange事件触发。你可能想要一些不同的东西。|1642295|<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"> 
<input+type="text"+name="two"+class="currency">|code-block|syntax|javascript|1642296|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|P|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

If you're doing this to several fields, or doing it quite often, then perhaps a plugin is the answer. 
Here's the beginnings of a jQuery plugin that formats the value of a field to two decimal places. 
It is triggered by the onchange event of the field. You may want something different.

<pre><code>&lt;script type="text/javascript"&gt;

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

&lt;/script&gt; 
&lt;input type="text" name="one" class="currency"&gt;&lt;br&gt;
&lt;input type="text" name="two" class="currency"&gt;
</code></pre>

blocks|key|1642338|text|我们将Meouw函数修改为与keyup一起使用，因为当您使用输入时，它会更有帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1642339|请检查以下内容：|1642340|你好！，@heridev和我用jQuery创建了一个小函数。|1642341|您可以尝试下一步：|1642342|HTML|1642343|<input+type="text"+name="one"+class="two-digits"> 
<input+type="text"+name="two"+class="two-digits">​|code-block|syntax|javascript|1642344|jQuery|1642345|//+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
++++});
});|1642346|​在线演示：|1642347|http://jsfiddle.net/c4Wqn/|offset|length|1642348|(@heridev，@vicmaster)|1642349|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|0|0|0|0|0|0|0|Q|0|0|0^^$0|@$1|2|3|4|5|6|7|17|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|18|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|19|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|1A|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|1B|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|1C|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|1D|8|@]|9|@]|A|$]]|$1|Q|3|R|5|L|7|1E|8|@]|9|@]|A|$M|N]]|$1|S|3|T|5|6|7|1F|8|@]|9|@]|A|$]]|$1|U|3|V|5|6|7|1G|8|@]|9|@$W|1H|X|1I|1|1J]]|A|$]]|$1|Y|3|Z|5|6|7|1K|8|@]|9|@]|A|$]]|$1|10|3|-4|5|6|7|1L|8|@]|9|@]|A|$]]]|11|$12|$5|13|14|15|A|$16|V]]]]

We modify a Meouw function to be used with keyup, because when you are using an input it can be more helpful.

Check this:

Hey there!, @heridev and I created a small function in jQuery.

You can try next:

HTML

<pre><code>&lt;input type="text" name="one" class="two-digits"&gt;&lt;br&gt;
&lt;input type="text" name="two" class="two-digits"&gt;​
</code></pre>

jQuery

<pre><code>// 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 &gt; 2){ 
 if( isNaN( parseFloat( this.value ) ) ) return;
 this.value = parseFloat(this.value).toFixed(2);
 } 
 } 
 return this; //for chaining
 });
});
</code></pre>

​
DEMO ONLINE:

<a href="http://jsfiddle.net/c4Wqn/" rel="nofollow">http://jsfiddle.net/c4Wqn/</a>

(@heridev, @vicmaster)

This is what I have right now: 

<pre><code>$("#number").val(parseFloat($("#number").val()).toFixed(2));
</code></pre>

It looks messy to me. I don't think I'm chaining the functions correctly. Do I have to call it for each textbox, or can I create a separate function?

In jQuery, what's the best way of formatting a number to 2 decimal places?

jQuery

这就是我现在所拥有的：$("#number").val(parseFloat($("#number").val()).toFixed(2));对我来说它看起来很乱。我认为我没有正确地链接函数。我必须为每个文本框调用它吗，或者我可以创建一个单独的函数？

问在jQuery中，将数字格式化为两位小数的最佳方式是什么？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jQuery中，将数字格式化为两位小数的最佳方式是什么？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jQuery中，将数字格式化为两位小数的最佳方式是什么？
EN