您的位置:

js写的计算总额代码,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中去就行了~试试看~不懂得再来问我~

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

2022-11-22
js金额计算代码(js计算价格合计)

本文目录一览: 1、js表单计算金额问题 2、javascript自动计算金额(计算结果只显示小数点后的两位) 3、javascript自动计算金额(急) 4、JS代码自动计算代码小数保留两位位四舍五

2023-12-08
js购物结算代码(java购物结算代码)

本文目录一览: 1、JS代码 做一个简易的购物车 效果图如下 2、请教JavaScript中 怎么让购物车的总计价格变化? 3、用javascript怎样计算购物车价格 4、帮我改一个JS代码谢谢,购

2023-12-08
跪求jsp金额大小写转换代码,js字符串大小写转换代码

本文目录一览: 1、金额大小写转换公式是什么? 2、关于JSP的一个代码“大小写转换”的问题。。谢谢。 3、人民币大小写转换的c++代码怎么写? 4、java来实现最高五位的人民币转换为大写的一个小程

2023-12-08
mysql数据库中计算总金额,mysql计算订单总金额

2022-11-22
js计算梯形代码,js计算阶乘的代码

2022-11-23
js代码总结体会,js基础知识总结笔记

本文目录一览: 1、js到底难不难学? 2、JS 代码 求解释 可以详细的 说明一下 谢谢 3、浅谈js写轮播图的思路与心得 4、JavaScript与WEB前台开发课程实训总结怎么写 5、js中继承

2023-12-08
购物车的js代码(购物车的js代码是多少)

本文目录一览: 1、无刷新修改购物车产品数量得总金额的js代码 2、jquery 实现加入购物车功能 3、求助js购物车代码!要能点击 添加按钮 就直接在购物车显示出来!可以修改数量! 4、JS代码

2023-12-08
js代码修改余额的简单介绍

本文目录一览: 1、修改JS代码 2、JS写一个方法求一个最大提款金额值:已知现有金额,费率,提款金额三个参数通过方法得到可提取金额的最 3、【VUE】js将number数字转换为金额格式,类似于10

2023-12-08
mysql数据库中计算总金额,mysql计算数量

2022-11-23
计算js文件代码量(js 大数计算)

本文目录一览: 1、如何写出规范的JavaScript代码 2、百度广告管家JS代码问题 3、求代码!js自动计算 4、完美解决js校验文件大小 5、求指导web项目开发,前端js代码的整理。多个Js

2023-12-08
js代码中script,js代码中的问号是什么意思

本文目录一览: 1、javascript中script的SRC属性 2、JS代码里加载script代码,并隐藏其内容怎么弄呢? 3、使用javascript必须使script标签吗 javascrip

2023-12-08
用js写的一段网上购物车的代码,javascript购物车代

2022-11-23
htmljs编程笔记(html代码笔记)

本文目录一览: 1、html代码和JS代码有什么区别 2、如何在html中调用js函数 3、JavaScript学习笔记之数组基本操作示例 4、HTML5初学者笔记 5、《web前端笔记7》js字符—

2023-12-08
js高级程序设计笔记14(js高级程序设计笔记14页)

本文目录一览: 1、JavaScript高级程序设计 该怎么看 2、JavaScript学习笔记之数组基本操作示例 3、JS中有关sort以及return的问题 JavaScript高级程序设计 该怎

2023-12-08
实用计算器js代码怎么写呢,js简单计算器的实现

2022-11-23
js之常用代码块(js代码是什么)

本文目录一览: 1、js使用java代码块 2、javascript 语句、代码、代码块 3、js中单击按钮实现代码块功能 4、js中怎么截取不确定长度的字符串,截取后保留后面的部分 js使用java

2023-12-08
js代码是什么意思,js编程是什么意思

2022-12-02
js代码整洁随笔,js代码整理

本文目录一览: 1、如何在页面让JavaScript代码原样显示,用标签不起用,js照常运行。请看问题补充 2、怎么让JS文件代码对齐 3、怎么样格式化javascript,怎么样格式化js 4、为什

2023-12-08
什么叫原生js写代码,js源码是什么写的

本文目录一览: 1、原生JS是自己手写的JS吗? 2、请问“原生代码”指的是什么? 3、原生JS工程师是什么意思?有主要为web ui开发的要求吗? 4、怎么才算熟悉JS原生代码编写 5、原生js如何

2023-12-08