JQuery插件第四十一：表单输入框获取指定小数位并且四舍五入

最新推荐文章于 2022-07-14 19:44:43 发布

chinet_bridge

最新推荐文章于 2022-07-14 19:44:43 发布

阅读量723

点赞数

分类专栏：小数输入框四舍五入

本文链接：https://blog.csdn.net/chinet_bridge/article/details/24010167

版权

输入框同时被 3 个专栏收录

6 篇文章 0 订阅

订阅专栏

小数

2 篇文章 0 订阅

订阅专栏

四舍五入

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script type="text/javascript" src="http://validform.rjboy.cn/wp-content/themes/validform/js/jquery-1.6.2.min.js"></script>
</head>
<body>
    <input id="txtnum" type="text" value="333.36" />

    <script type="text/javascript">
        //保留小数点后两位
        (function($) {
            $.fn.transfer = function(options) {
                var defaults = { toFixed: 2 };
                var options = $.extend(defaults, options);
                var rtn = 0;
                this.each(function() {
                    var thisValue = $(this).val();
                    var _value = parseFloat(thisValue);
                    if (isNaN(_value)) {
                        return false;
                    }
                    rtn = _value.toFixed(options.toFixed);
                });
                return rtn;
            };
        })(jQuery);
    </script>

    <input type="button" value="提交" οnclick="alert($('#txtnum').transfer({toFixed: 3}));" />
</body>
</html>