该工具旨在帮助用户方便地将人民币金额从小写转换为大写，只需输入金额，点击转换按钮，即可快速获得准确的大写表示。工具界面简洁友好，支持输入各种格式的大写金额，如“1356.78元”。经常报账的小伙伴可以用到，减少手动转换的错误。
点击查看代码
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>人民币大小写转换工具-丢塔小工具网-www.diuta.com</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
background-color: #f4f4f4;
}
.container {
max-width: 400px;
margin: auto;
padding: 20px;
background: white;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
input[type="number"] {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
button {
width: 100%;
padding: 10px;
background-color: #28a745;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
button:hover {
background-color: #218838;
}
.result {
margin-top: 20px;
font-size: 1.2em;
}
</style>
</head>
<body>
<div class="container">
<h2>人民币大小写转换工具</h2>
<input type="number" id="amount" placeholder="请输入金额" step="0.01" />
<button onclick="convertToRMB()">转换</button>
<div class="result" id="result"></div>
</div>
<script>
function convertToRMB() {
const units = ['元', '角', '分'];
const bigNum = ['', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
let num = parseFloat(document.getElementById('amount').value);
let result = '';
if (num < 0) {
result = '金额不能为负';
} else if (num === 0) {
result = '零元整';
} else {
let integerPart = Math.floor(num);
let decimalPart = Math.round((num - integerPart) * 100);
let integerStr = '';
// 处理整数部分
while (integerPart > 0) {
let digit = integerPart % 10;
if (digit > 0) {
integerStr = bigNum[digit] + integerStr;
}
integerPart = Math.floor(integerPart / 10);
}
result += integerStr + units[0];
// 处理小数部分
if (decimalPart > 0) {
let jiao = Math.floor(decimalPart / 10);
let fen = decimalPart % 10;
if (jiao > 0) {
result += bigNum[jiao] + units[1];
}
if (fen > 0) {
result += bigNum[fen] + units[2];
}
}
result += '整';
}
document.getElementById('result').innerText = result;
}
</script>
</body>
</html>
直接保存html格式就可以使用了。
我自己测试页面可以参考下这个：http://diuta.com/app/rmb.html
给这个小工具具体完善一下，完善后的页面可以看这个案列：http://tool.diuta.com/hexconvert/
标签：num,在线,integerPart,html,let,result,大小写,border,转换 From： https://www.cnblogs.com/diuta/p/18386590