js写的计算总额代码,js写的计算总额代码是什么

发布时间：2022-11-22

本文目录一览：

  1. JS在文本框中输入数据后，自动计算总合，并且不刷新页面的代码
  2. javascript自动计算金额（急）
  3. 两数相加的总和JS自动计算代码怎么写？
  4. 请帮忙给我写下面表格在HTML5中用JS代码计算小计和总金额的程序代码！谢谢了！急急急急急急！！！！！！
  5. js表单计算金额问题

JS在文本框中输入数据后，自动计算总合，并且不刷新页面的代码

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题</title>
<script type="text/javascript">
function sum(obj) {
    var z = document.getElementById("z");
    var a = document.getElementById("a");
    var b = document.getElementById("b");
    var c = document.getElementById("c");
    all.value=parseInt(z.value);
    if(a.value!='') {
        y.value=parseInt(a.value);
        h.value=parseInt(z.value)-parseInt(a.value);
    }
    if(a.value!='' && b.value!='') {
        y.value=parseInt(b.value)+parseInt(a.value);
        h.value=parseInt(z.value)-parseInt(a.value)-parseInt(b.value);
    }
    if(a.value!='' && b.value!='' && c.value!='') {
        y.value=parseInt(b.value)+parseInt(a.value)+parseInt(c.value);
        h.value=parseInt(z.value)-parseInt(a.value)-parseInt(b.value)-parseInt(c.value);
    }
}
</script>
</head>
<body>
总分：<input type="text" id="z" onkeyup="sum(this);" />
<input type="text" id="a" onkeyup="sum(this);" />
<input type="text" id="b" onkeyup="sum(this);" />
<input type="text" id="c" onkeyup="sum(this);" />
总分：<input type='text' id='all' style="border:0px solid white; width:25px" />
已选：<input type='text' id='y' style="border:0px solid white; width:25px" />
还剩：<input type='text' id='h' style="border:0px solid white; width:25px" />
</body>
</html>

扩展资料

js实现input的赋值

<input id="name1" name="teacherName" type="text" />
$('#name1').val('值');
document.getElementById('name1').value='值';
document.getElementById('name1').html('值');
document.getElementById('name1').attr('值');
document.getElementById('name1').innerText = '值';
<input class="easyui-textbox" id="name" name="teacherName" type="text" />
$('#name').textbox('setValue','值');
var val = $("#name").textbox('getValue');

javascript自动计算金额（急）

你的补充问题错在这句 sum[i]=amount[i]*price[i];
改成这样 sum[i].value=amount[i].value*price[i].value;

两数相加的总和JS自动计算代码怎么写？

我需要得到js实现两个数字相加的结果，可是js总是默认按照字符串处理，将两个数字连接起来。 解决这个问题，代码如下：

var a = 1;
var b = 2;
var sum = parseInt(a) + parseInt(b);

parseInt() 是js的解析字符串的函数，返回解析后的数字。

请帮忙给我写下面表格在HTML5中用JS代码计算小计和总金额的程序代码！谢谢了！急急急急急急！！！！！！

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Order Details</title>
<style>
    * {
        margin:0;
    }
    table {
        margin:auto;
        width: 800px;
        border: 1px solid black;
        border-collapse:collapse;
    }
    caption {
        text-align:left;
        font: bolder 22px consolas;
    }
    th {
        background-color:red;
    }
    th,td {
        text-align:center;
        border:1px solid black;
    }
    td input[type=text] {
        width:50px;
        text-align:center;
    }
</style>
<script>
onload = function(){
    var tbody = tab.tBodies[0];
    var rows = tbody.rows;
    var texts = tbody.getElementsByTagName("input");
    for(var i = 0; i < texts.length; i++){
        var ti = texts[i];
        ti.onkeyup = function(){
            var me = this;
            var dom = me.parentElement.nextElementSibling;
            var price = dom.innerHTML.replace(/[^\d\.]/g,"");
            var total = dom.nextElementSibling;
            total.innerHTML = "$" + (me.value * price).toFixed(2);
            var t = 0;
            for(var i = 1; i < rows.length - 1; i++){
                var td = rows[i].cells[4].innerHTML.replace(/[^\d\.]/g,"");
                t += td * 1;
            }
            sum.innerHTML = "$" + t.toFixed(2);
        }
    }
}
</script>
</head>
<body>
<table id="tab">
    <caption>Order Details</caption>
    <tr>
        <th>Product Code</th>
        <th>Description</th>
        <th>Qty</th>
        <th>Price</th>
        <th>Total</th>
    </tr>
    <tr>
        <td>COMP001</td>
        <td>The Ultimate Smartphone</td>
        <td><input type="text" /></td>
        <td>$399.99</td>
        <td>$0.00</td>
    </tr>
    <tr>
        <td>COMP002</td>
        <td>The Ultimate Tablet</td>
        <td><input type="text" /></td>
        <td>$299.99</td>
        <td>$0.00</td>
    </tr>
    <tr>
        <td>COMP003</td>
        <td>The Ultimate Netbook</td>
        <td><input type="text" /></td>
        <td>$499.99</td>
        <td>$0.00</td>
    </tr>
    <tr>
        <td colspan=4 style="text-align:right;">Order Total</td>
        <td id="sum">$0.00</td>
    </tr>
</table>
</body>
</html>

js表单计算金额问题

我把你那个改成表格的了这样比较好实现代码如下：

<table width="600" border="1" align="center" style="text-align:center;">
    <tr>
        <td width="102"><input type="checkbox" id="all"/>全选</td>
        <td width="203">商品</td>
        <td width="119">单价</td>
        <td width="148">数量</td>
    </tr>
    <tr>
        <td><input type="checkbox" id="qianbi"/></td>
        <td>铅笔</td>
        <td>1.5元/支</td>
        <td><input type="text" id="qianbi_t" value="1" /></td>
    </tr>
    <tr>
        <td><input type="checkbox" id="yuanzhu" value="" /></td>
        <td>圆珠笔</td>
        <td>2.5元/支</td>
        <td><input type="text" id="yuanzhu_t" value="1" /></td>
    </tr>
    <tr>
        <td><input type="checkbox" id="gangbi" value="" /></td>
        <td>钢笔</td>
        <td>3元/支</td>
        <td><input type="text" id="gangbi_t" value="1" /></td>
    </tr>
    <tr>
        <td colspan="4">金额合计：<span id="m" style="color:#F00;"></span>元&nbsp;&nbsp;&nbsp;&nbsp;<button>提交订单</button></td>
    </tr>
</table>
<script type="text/javascript">
var all=document.getElementById("all");
var qianbi=document.getElementById("qianbi");
var yuanzhubi=document.getElementById("yuanzhu");
var gangbi=document.getElementById("gangbi");
var qb_m=0,yzb_m=0,gb_m=0;
all.onclick=function(){
    if(all.checked){
        qianbi.checked=true;
        yuanzhubi.checked=true;
        gangbi.checked=true;
    } else {
        qianbi.checked=false;
        yuanzhubi.checked=false;
        gangbi.checked=false;
    }
    sub();
};
qianbi.onclick=function(){sub()};
yuanzhubi.onclick=function(){sub()};
gangbi.onclick=function(){sub()};
document.getElementById("qianbi_t").addEventListener("change",function(e){
    sub();
});
document.getElementById("yuanzhu_t").addEventListener("change",function(e){
    sub();
});
document.getElementById("gangbi_t").addEventListener("change",function(e){
    sub();
});
function sub(){
    if(qianbi.checked){
        qb_m=document.getElementById("qianbi_t").value*1.5
    } else {
        qb_m=0;
        all.checked=false;
    }
    if(yuanzhubi.checked){
        yzb_m=document.getElementById("yuanzhu_t").value*2.5
    } else {
        yzb_m=0;
        all.checked=false;
    }
    if(gangbi.checked){
        gb_m=document.getElementById("gangbi_t").value*3
    } else {
        gb_m=0;
        all.checked=false;
    }
    var sum=qb_m+yzb_m+gb_m;
    document.getElementById("m").innerHTML=sum;
}
</script>

复制到网页的body中去就行了试试看不懂得再来问我~

推荐文章