该工具旨在帮助用户方便地将人民币金额从小写转换为大写，只需输入金额，点击转换按钮，即可快速获得准确的大写表示。工具界面简洁友好，支持输入各种格式的大写金额，如“1356.78元”。经常报账的小伙伴可以用到，减少手动转换的错误。

点击查看代码 
<!DOCTYPE html>

<html lang="zh">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>人民币数字转大写</title>

    <style>

        body {

            font-family: Arial, sans-serif;

            margin: 0;

            padding: 0;

            background-color: #f5f5f5;

            display: flex;

            justify-content: center;

            align-items: center;

            height: 100vh;

        }

        .container {

            background-color: #fff;

            padding: 20px;

            border-radius: 8px;

            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

            width: 90%;

            max-width: 400px;

            text-align: center;

        }

        input, button {

            padding: 10px;

            margin-top: 10px;

            width: 100%;

            border: 1px solid #ccc;

            border-radius: 4px;

            box-sizing: border-box; /* 使padding和border包含在width内 */

        }

        button {

            background-color: #28a745;

            color: white;

            border: none;

            cursor: pointer;

        }

        button:hover {

            background-color: #218838;

        }

        #result {

            margin-top: 20px;

            font-size: 1.2em;

            font-weight: bold;

        }

    </style>

</head>

<body>

    <div class="container">

        <h1>人民币数字转大写</h1>

        <input type="text" id="numberInput" placeholder="请输入十亿以内的数字" maxlength="10" />

        <button onclick="convertToCapital()">转换</button>

        <div id="result"></div>

    </div>

    <script>

        const bigNum = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];

        const bigUnit = ['', '拾', '佰', '仟', '万', '拾', '佰', '仟', '亿'];

        function convertToCapital() {

            let input = document.getElementById("numberInput").value.trim();

            let result = "";

            // 分离整数部分和小数部分

            let [integerPart, decimalPart] = input.split(".");

            integerPart = integerPart.replace(/,/g, ""); // 去掉逗号

            decimalPart = decimalPart ? decimalPart.slice(0, 2) : ""; // 只取前两位

            if (parseInt(integerPart) >= 1000000000) {

                result = "超出范围，最大支持十亿。";

            } else {

                // 转换整数部分

                if (parseInt(integerPart) === 0) {

                    result += "零元";

                } else {

                    let zeroCount = 0;

                    let unitIndex = integerPart.length - 1;

                    for (let i = 0; i < integerPart.length; i++) {

                        let digit = integerPart.charAt(i);

                        let pos = unitIndex - i;

                        if (digit !== '0') {

                            if (zeroCount > 0) {

                                result += bigNum[0]; // 添加零

                            }

                            result += bigNum[digit]; // 添加数字

                            if (pos % 4 !== 0) {

                                result += bigUnit[pos % 4]; // 添加单位

                            }

                            zeroCount = 0;

                        } else {

                            zeroCount++;

                        }

                        // 添加万或亿

                        if (pos === 4) {

                            result += bigUnit[4]; // 添加万

                        } else if (pos === 8) {

                            result += bigUnit[8]; // 添加亿

                        }

                    }

                    result += "元"; // 添加元

                }

                // 转换小数部分

                if (decimalPart) {

                    if (decimalPart.length > 0) {

                        result += bigNum[parseInt(decimalPart.charAt(0))] + "角";

                    }

                    if (decimalPart.length > 1) {

                        result += bigNum[parseInt(decimalPart.charAt(1))] + "分";

                    }

                } else {

                    result += "整"; // 没有小数部分时添加整

                }

            }

            document.getElementById("result").innerText = result;

        }

    </script>

</body>

</html>

直接保存html格式就可以使用了。

我自己测试页面可以参考下这个：http://diuta.com/app/rmb.html

给这个小工具具体完善一下，完善后的页面可以看这个案列：http://tool.diuta.com/hexconvert/

在线人民币大小写转换工具html代码的更多相关文章

  1. JS进行人民币大小写转换

    //数字金额大写转换(可以处理整数,小数,负数) function upDigit() { digit=$("#digit").html(); n=digit.replace(/\ ...

  2. web字体格式及几种在线格式转换工具介绍

    原文地址:http://blog.csdn.net/xiaolongtotop/article/details/8316554 目前,文字信息仍是网站最主要的内容,随着CSS3技术的不断成熟,Web字 ...

  3. 浅谈print2flash的在线预览转换应用（原创）

    print2flash是一种在线预览转换工具,可以将doc.docx.xls.pdf.ppt等格式的文档转换成flash文件进行预览,因为之前使用的flash2paper只支持32为操作系统,不支持6 ...

  4. C#人民币金额大写转换

    人民币金额大小写转换,三行代码 //完善了一下查询到的方法,支持小数,保留2位小数 public string NumGetStr(double Num) { string[] DX_SZ = { & ...

  5. java 金额的大小写转换类

    /** *金额大小写转换工具类 */ public class MoneyUtil { /** 大写数字 */ private static final String[] NUMBERS = { &q ...

  6. HTML-DEV-ToolLink（常用的在线字符串编解码、代码压缩、美化、JSON格式化、正则表达式、时间转换工具、二维码生成与解码等工具，支持在线搜索和Chrome插件。）

    HTML-DEV-ToolLink:https://github.com/easonjim/HTML-DEV-ToolLink 常用的在线字符串编解码.代码压缩.美化.JSON格式化.正则表达式.时间 ...

  7. Unicode编码解码在线转换工具

    // Unicode编码解码在线转换工具 Unicode 是基于通用字符集(Universal Character Set)的标准来发展,并且同时也以书本的形式(The Unicode Standar ...

  8. 免费开源Blazor在线Ico转换工具

    行文目录 功能效果演示 实现说明 2.1 其他图片上传 2.2 核心代码:其他图片转Ico 2.3 转换后的Ico文件下载 总结 1. 功能效果演示 仓库地址:IcoTool 在线演示地址:https ...

  9. Rsa加解密Java、C#、php通用代码 密钥转换工具

    之前发了一篇"TripleDes的加解密Java.C#.php通用代码",后面又有项目用到了Rsa加解密,还是在不同系统之间进行交互,Rsa在不同语言的密钥格式不一样,所以过程中主 ...

  10. es6转es5 在线转换工具

    es6转es5 在线转换工具 Babeljs es6console

随机推荐

  1. MYSQL架构介绍

    专栏持续更新中- 本专栏针对的是掌握MySQL基本操作后想要对其有深入了解并且有高性能追求的读者. 第一篇文章主要是对MySQL架构的主要概括,让读者脑海中有个对MySQL大体轮廓,很多地方没有展开细 ...

  2. shared_ptr的线程安全性与再论cmu15445 project0的COW线程安全字典树

    shared_ptr的线程安全性 近期在网上冲浪时看到一篇boost的文章,里面聊到了shared_ptr的线程安全性 https://www.boost.org/doc/libs/1_87_0/li ...

  3. 【QT】Linux下安装QT开发环境

    Linux下安装QT开发环境 零.下载安装包 从以下网址可以下载QT的所有版本: https://download.qt.io/ 这次演示安装5.9.0版本,因为是长期支持的版本,所以进入到archi ...

  4. CH9121default与classical设置方法

    SYN发送间隔调整方法: 网口连接设备后双击设备列表中要配置的设备在扩展参数中单击获取扩展参数,在超时处理模式选项选择Classical然后执行设置扩展参数,最后点击复位模块后生效(仅TCP CLIE ...

  5. gRPC+Proto 实现键盘记录器 —— 深度实战解析

    在当今的分布式系统开发领域,RPC(Remote Procedure Call,远程过程调用) 技术犹如一颗璀璨的明星,凭借其强大的透明性和卓越的高性能,在微服务架构中占据着举足轻重的地位.本文将全方 ...

  6. JVM 垃圾回收调优的主要目标是什么？

    JVM 垃圾回收调优的主要目标 JVM 垃圾回收调优的目标是为了提升应用的性能,优化垃圾回收过程中的停顿时间和吞吐量.调优的核心目标通常包括以下几点: 1. 减少垃圾回收的停顿时间 停顿时间(Stop ...

  7. FreeSWITCH中SIP网关（Gateway）操作

    freeswitch是一款简单好用的VOIP开源软交换平台. 以下是一篇关于FreeSWITCH中SIP网关(Gateway)操作的技术指南,基于提供的官方文档内容整理: 一.网关生命周期管理 1. ...

  8. Linux系列：如何用perf跟踪.NET程序的mmap泄露

    一:背景 1. 讲故事 如何跟踪.NET程序的mmap泄露,这个问题困扰了我差不多一年的时间,即使在官方的github库中也找不到切实可行的方案,更多海外大佬只是推荐valgrind这款工具,但这款工 ...

  9. Python模块的搜索路径

    在Python中,模块搜索路径是指解释器用来查找导入模块的位置列表.了解和掌握Python模块搜索路径对于正确导入模块和管理模块的位置至关重要. Python模块搜索路径的主要来源包括当前目录.Pyt ...

  10. 网络编程：UDP网路编程

    参考:盛延敏:网络编程实战 一.UDP和TCP的不同 UDP 是一种"数据报"协议,而 TCP 是一种面向连接的"数据流"协议. TCP 是一个面向连接的协议, ...