零基础学做网站培训介绍

当前位置:

JS实现填写数量自动计算显示数值

网站制作过程中,有这样的功能就是在填写框里填写数量之后,自动就会显示数值,这在我们的商城网站里常被用来制作计算商品的价格。

JS实现填写数量自动计算显示数值

实现这样的功能,我们需要使用JS代码来实现,以下是实现填写数量自动计算显示数值的JS代码,可以通过修改里面的样式来达到各种效果。


<script>
function checkInt(o){
theV=isNaN(parseInt(o.value))?0:parseInt(o.value);
if(theV!=o.value){o.value=theV;}
txtTotal.value=txtAmount.value*txtPrice.value;
}
function checkP(o){
theV=isNaN(parseFloat(o.value))?0:parseFloat(o.value);
theV=parseInt(theV*100)/100;
if(theV!=o.value){
theV=(theV*100).toString();
theV=theV.substring(0,theV.length-2)+"."+theV.substring(theV.length-2,theV.length)
o.value=theV;
}
txtTotal.value=txtAmount.value*txtPrice.value;
}
</script>
数量:
<input id=txtAmount value=0 onkeyup="checkInt(this);" onpaste="checkInt(this);" oncut="checkInt(this);" ondrop="checkInt(this);" onchange="checkInt(this);">
单价:
<input id=txtPrice value=0 onkeyup="checkP(this);" onpaste="checkP(this);" oncut="checkP(this);" ondrop="checkP(this);" onchange="checkP(this);" style="border-right-width:0px;margin-right:0px;">
<input style="border-left-width:0px;margin-left:-4px;width:18px" value="¥" readonly>
总价:
<input id=txtTotal value=0 style="border-right-width:0px;margin-right:0px;" readonly>
<input style="border-left-width:0px;margin-left:-4px;width:18px" value="¥" readonly>

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 如果我们的网站有港澳台的用户,那么网站特别好是能支持文字简繁互转,这样做能方便不同用户更好的阅读网站内容。那么如何在自己做网站时,实
  • 我们都知道在做网站时,加载的文件越少速度就会越快,包括CSS、JS、图片、数据库等等,特别是门户网站建设更是如此。要减少这些文件的载入,特别
  • 我们在有些网站上看到会在网站的某个位置显示一个动态变化的时钟,它是一秒秒的变化。对于这种效果,我们自己做网站时也可以制作出来,只需要通过JS就
  • 数据库是网站用于存放数据的地方,安装WORDPRESS时,会提示我们要填写数据库信息,通常我们只需要填写自己网站数据库的三项信息就可以了。那么你知道
  • 我们使用FTP软件连接网站空间时,是需要填写我们自己网站空间的三项数据才可以连接成功的,那么FTP连接空间需要填写哪三项数据呢?
  • 网站制作过程中,有这样的功能就是在填写框里填写数量之后,自动就会显示数值,这在我们的商城网站里常被用来制作计算商品的价格。实现这样的
  • WordPress获取指定分类文章数量的方法,通过自定义函数实现该功能,并总结了几个相应的调用技巧,特别具有实用价值,分享给学建网站的朋友们。(如果你不
  • 如何设置Ecshop商城网站首页产品数量?刚默认安装好ecshop之后,你在后台辛苦添加了7-8个产品,但在新品上市等栏目下只显3个产品,这是哪里的问题??
  • 我们使用WordPress建网站,每个分类每页的文章数量是固定的,全部受后台的控制。但在实际做网站时,往往需要不同的分类下每页显示不同的文章,然后进
  • 经常更换wordpress主题,会有一个困扰,就是之前主题的内容区域宽度比较大,很多正文图片的尺寸可能是500px,而换了一个主题,内容区域的宽度比较小,
  • 在日常上网过程中,复制,粘贴是特别寻常不过的了,有时我们在某一网站复制后,粘贴到别的地方时,它会自己加上它网站的一个版权信息链接。比如:此文章转
  • dedecms全站伪静态教程分为五部分,包括“Apache设置、.htaccess文件设置、首页伪静态、列表页伪静态、文章页伪静态”。一、Apache文件设置
  • HTML 文本格式化:使用 pre 标签对空行和空格进行控制。“计算机输出”标签:这些标签常用于显示计算机/编程代码。引用标签:使用 blockquote
  • 通过复选框选择相应的value值并进行计算,在一些功能上需要用到。如下图:下面是jquery获取选中复选框值并计算功能的代码:[cce_html]<
  • 老师你好,我想学习做一个网站,但我对计算机不懂,只会基本的打字,玩游戏。像我这样的不不懂计算机的人能不能学习做网站呢?是不是需要特别对懂
  • 在我们学做网站的过程中,通过图片的后缀名我们很轻松的了解图片是什么格式的,想要替换的时候,很就简单了。但有的同学的电脑里的图片等文件并没
  • 很多同学在模板制作的过程,都有图片调用不出来的现象,其实原因很简单,就是图片路径错误造成的。这里涉及到html和css中的一些路径知识,这个视
  • page页面可以单独使用不同页面模板,这个我们都知道了,那怎么给不同的single文章页面设计不同模板呢?我们有二种方法: 第一种:通过代码来判断
  • 在做网站时,有时某些功能需要计算数据库里字段数值总和,例如商城网站课程里计算用户选择的所有商品价格的总和等等,这些都需要对数据库的字段数值进