效果图:
亿
1 2 4 5 6 7 8 9 8 5
亿
8 9 4 6 5 4 6 3 3
代码: <!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>拆分金额</title>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script>
$(function(){
initPage();
});
function initPage() {
var issueList = ["issueFen", "issueJiao", "dian", "issueYuan", "issueShi", "issueBai",
"issueQian", "issueWan", "issueShiW", "issueBaiW", "issueQianW", "issueYi"];
var availableList = ["availableFen", "availableJiao", "dian",
"availableYuan", "availableShi","availableBai", "availableQian",
"availableWan", "availableShiW", "availableBaiW", "availableQianW", "availableYi"];
var str1 = "12456789.85";
var str2 = "8946546.33";
readAmount(str1, issueList);
readAmount(str2, availableList);
}
function readAmount(str, list) {
var size = str.length;
for (var i=0; i<size; i++) {
$("#"+ list[i]).html(str.substring(str.length-1));
str = str.substring(0, str.length-1);
}
}
</script>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="5">
<tr><td>亿</td><td>仟</td><td>佰</td><td>拾</td><td>万</td><td>仟</td><td>佰</td><td>拾</td><td>元</td><td>角</td><td>分</td></tr>
<tr><td ></td>
<td ></td>
<td ></td>
</tr>
<tr><td>亿</td><td>仟</td><td>佰</td><td>拾</td><td>万</td><td>仟</td><td>佰</td><td>拾</td><td>元</td><td>角</td><td>分</td></tr>
<tr><td ></td>
<td ></td>
<td ></td>
</tr>
</table>
</html>

相关文章: