该工具旨在帮助用户方便地将人民币金额从小写转换为大写，只需输入金额，点击转换按钮，即可快速获得准确的大写表示。工具界面简洁友好，支持输入各种格式的大写金额，如“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. 【Linux】5.8 Shell流程控制

    Shell 流程控制 1. 判断语句 1.1 if判断 if else-if else 语法格式: if condition1 then command1 elif condition2 then c ...

  2. Windows 7 下右键发送到菜单项没了

    问题描述: 突然有一天,Windows 7 下右键发送到菜单项没了,如图所示: 问题原因 黑人问号脸?

  3. CLI命令行应用

    前言 针对golang这门高级语言,主要想了解它的语言特性还有服务器建站还有微服务搭建方面的用途,以下都可以算是使用记录. 一.命令行应用的标准库实现 很多语言都有针对命令行参数的功能包,比如pyth ...

  4. Python科学计算系列8—矩阵

    1.矩阵构造 代码如下: from sympy import * m1 = Matrix([[1, 2], [2, 0], [3, 4]]) # 构造单位矩阵 m2 = eye(3) # 构造零矩阵 ...

  5. Postman接口关联总结

    1.新建集合 打开postman,点击Collections->New Collection,页面如下: 2.新建请求 下面以获取绑定信息接口为例 接口说明: C{获取绑定信息接口} 接口地址: ...

  6. Redis-过期删除策略和内存淘汰策略

    简介.我们先来看如下几个问题: ①.如何设置Redis键的过期时间 ? ②.设置完一个键的过期时间后,到了这个时间,这个键还能获取到么?假如获取不到那这个键还占据着内存吗 ? ③.如何设置Redis的 ...

  7. SpringMVC返回值

    字符串 /** * 测试返回字符串 * @param model model * @return 返回的字符串,通过视图解析器调整到jsp页面 */ @RequestMapping("/te ...

  8. 漏洞预警 | Ivanti Connect Secure栈溢出漏洞

    0x00 漏洞编号 CVE-2025-0282 0x01 危险等级 高危 0x02 漏洞概述 Ivanti Connect Secure是一款远程访问和零信任安全解决方案,它提供了SSL VPN功能, ...

  9. 【笔记】Python3｜（一）Python 申请并调用国内百度、阿里、腾讯、有道的翻译 API 的教程和测试情况（第三方库 translate 和 腾讯 API 篇）

    var code = "dccf4c95-7458-4b38-b8ae-d45b3e59c218" 价格和 API 申请参考: 免费翻译接口最新最全汇总(百度翻译,腾讯翻译,谷歌翻 ...

  10. 操作系统综合题之“按要求是个进程协调完成任务，补充完整下列程序，将编号①~⑩处空缺的内容填写(Buffer缓冲区问题-代码补充)”

    1.问题:假设某系统有四个进程.input1和input2进程负责从不同设备读取数据,分别表示为data1和data2,存放在缓冲区Buffer中,output1和output2进程负责从Buffer ...