js寫的計算總額代碼,js寫的計算總額代碼是什麼

本文目錄一覽：

• 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” οnkeyup=”sum(this);” /

input type=”text” id=”a” οnkeyup=”sum(this);” /

input type=”text” id=”b” οnkeyup=”sum(this);” /

input type=”text” id=”c” οnkeyup=”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總是默認按照字元串處理，將兩個數字連接起來。 

解決這個問題，代碼如下：

script type=”text/javascript” var a = 1; var b = 2; var sum = parseInt(a) + parseInt(b); /script

1

2

3

4

5

parseInt()是js的解析字元串的函數，返回解析後的數字。

請幫忙給我寫下面表格在HTML5中用JS代碼計算小計和總金額的程序代碼！謝謝了！急急急急急急！！！！！！

!DOCTYPE HTML

html

head

meta charset=”utf-8″

titleDetails/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;

    }

tdinput[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”

        captionOrder Details/caption

        tr

            thProduct Code/th

            thDecription/th

            thQty/th

            thPrice/th

            thTotal/th

        /tr

        tr

            tdCOMP001/td

            tdThe Ultimate Smartphone/td        

            tdinput type=”text” //td

            td$399.99/td

            td$0.00/td

        /tr

        tr

            tdCOMP002/td

            tdThe Ultimate Tablet/td        

            tdinput type=”text” //td

            td$299.99/td

            td$0.00/td

        /tr

        tr

            tdCOMP003/td

            tdThe Ultimate Netbook/td        

            tdinput 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

    tdinput type=”checkbox” id=”qianbi”//td

    td鉛筆/td

    td1.5元/支/td

    tdinput type=”text” id=”qianbi_t” value=”1″ //td

  /tr

  tr

    tdinput type=”checkbox” id=”yuanzhu” value=”” //td

    td圓珠筆/td

    td2.5元/支/td

    tdinput type=”text” id=”yuanzhu_t” value=”1″ //td

  /tr

  tr

    tdinput type=”checkbox” id=”gangbi” value=”” //td

    td鋼筆/td

    td3元/支/td

    tdinput 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中去就行了~試試看~不懂得再來問我~