HTML打折计算价格的实现原理与脚本代码

大概原理就是设置计算价格事件函数,取不同下拉打折数,计算结果送入文字框,感兴趣的朋友可以参考下

    打折后价格计算   function calculator(){ var prices=document.getElementById("price"); var discounts=document.getElementById("number"); var pay; var select=document.getElementById("payfunction"); if((prices.value>=0&&!isNaN(prices.value))&&(discounts.value>=0&&!isNaN(discounts.value))&&prices.value!=""&&discounts.value!="") { pay=prices.value*discounts.value; switch(parseInt(select.value)){ case 1:pay=pay*0.5; break; case 2:pay=pay*0.8; break; case 3:pay=pay*0.6; break; } document.getElementById("result").value=pay; alert("恭喜你,交易成功!"); }else { prices.focus(); prices.select(); alert("请输入正确的价格和数量(也不能为空)!"); } }       竞拍价格:购买数量:支付方式: 网银支付-打5折 支付宝支付-打8折 Q币支付-打6折 预计总价:    

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

相关推荐:

去掉HTML中Inline-Block的空白的方法

关于HTML表格边框的设置的技巧

如何在html中显示JSON数据

以上就是HTML打折计算价格的实现原理与脚本代码的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1546332.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 18:07:04
下一篇 2025年12月16日 08:55:33

相关推荐

  • html标签属性的作用/语法

    1.每个元素都有一些自己与众不同的地方,这些可以通过属性来进行设置 2.属性: 必须写在起始标签内,如果是单标签就直接写在标签内 3.属性的基本格式: 属性名=”属性值”,值可以加引号,也可不加引号,也可以是单引号, 推荐使用双引号,这是大家都在遵守的行业约定 1. 标签有一…

    好文分享 2025年12月21日
    000
  • 关于HTML基础的讲解

    一、框架标签的简单使用 框架集标签 运行结果: 二、框架标签应用 网站后台系统显示页面 left.html: 会员管理 品牌管理 商品管理 分类管理 right.html: 所有用户信息 运行结果: 三、HTML表单 表单标签 用户名: 密码: 确认密码: 性别:男 女 爱好:钓鱼 打电动 写代码 …

    2025年12月21日 好文分享
    000
  • JS实现简易版贪吃蛇小游戏

    新建网页 //① 绘制地图 function Map() { //私有成员(不会随便发生变化) var w = 800; var h = 400; //成员方法,绘制地图 this.showmap = function () { //创建p、设置css样式、追加给body var tu = docu…

    好文分享 2025年12月21日
    000
  • HTML转Excel,并实现打印,下载功能

    会签单流转会议名称自动获取编号自动获取主持自动获取类型自动获取人自动获取日期自动获取内容自动获取备注自动获取意见序号人部门意见时间节点状态1顾办公室同意!2018/5/14 15:21已提交超链接_导出表格// 使用outerHTML属性获取整个table元素的HTML代码(包括标签),然后包装成一…

    好文分享 2025年12月21日
    000
  • 向HTML中插入视频并兼容浏览器

    这篇文章主要介绍了关于CSS自定义绿色复选框按钮的样式,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 向HTML中插入视频有两种方法,一种是古老的object标签,一种是html5中的video标签,前者兼容性相对好些,后者兼容性让人头疼 最常用的向HTML中插入视频的方法有两种,一…

    好文分享 2025年12月21日
    000
  • 使用Html制作简单登录页面的方法

    这篇文章主要为大家详细介绍了html制作简单而漂亮的登录页面具体代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 先来看看样子。 html源码: Login Login 登录 css代码: 立即学习“前端免费学习笔记(深入)”; html{ width: 100%; height: 100%;…

    2025年12月21日
    000
  • 如何使用JS中DOM来控制HTML元素

    这篇文章主要介绍了js中使用dom来控制html元素的相关资料,需要的朋友可以参考下 1.getElementsByName():获取name. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~` 例: hello hello hello function getName(){ …

    2025年12月21日
    000
  • HTML实现网页动态时钟

    本文通过实例代码给大家介绍了html写一个网页动态时钟效果,需要的的朋友参考下吧 用html写一个动态网页时钟,代码如下所示: 时钟特效 function disptime(){ var today=new Date(); var hh=today.getHours(); var mm=today.…

    2025年12月21日
    000
  • HTML的表格布局

    这篇文章主要介绍了html表格布局实际使用详解,是html入门学习中的基础知识,需要的朋友可以参考下 什么时候会用到表格 现在,表格 一般不再用于网页整体的布局。不过,在面对某些特定的设计,如表单输入、数据呈现时,表格则可能是最恰当的选择。 关于表格的直观印象,就是由多个单元格(cell)整齐排列而…

    2025年12月21日 好文分享
    000
  • HTML的a标签href属性指定相对路径与绝对路径的用法讲解

    href是链接前端文件的一个最常用的重要属性,这里我们就来看一下html的a标签href属性指定相对路径与绝对路径的用法讲解,需要的朋友可以参考下 在实际Web开发中,插入图片、包含CSS文件等都需要有路径,如果文件路径的添加错误,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。很多初…

    好文分享 2025年12月21日
    000
  • Html 实现动态显示颜色块的报表效果(实例代码)

    本文通过实例代码讲解如何使用html的颜色块动态展示数据功能,非常不错,代码简单易懂,需要的朋友参考下 利用html的颜色块动态展示数据 *{ padding: 0; margin: 0; } .tubiao,.jihua,.shiji,.riqi{ width: 100%; overflow: h…

    好文分享 2025年12月21日
    000
  • JS实现加载时锁定HTML页面元素的方法

    这篇文章主要介绍了js实现加载时锁定html页面元素的方法,涉及javascript针对页面元素的遍历与属性操作相关实现技巧,需要的朋友可以参考下 本文实例讲述了JS实现加载时锁定HTML页面元素的方法。分享给大家供大家参考,具体如下: 在html加载时js锁定页面内所有input,textarea…

    好文分享 2025年12月21日
    000
  • JS实现改变HTML上文字颜色和内容的方法

    这篇文章主要介绍了js实现改变html上文字颜色和内容的方法,涉及js数学运算与页面元素动态操作相关技巧,需要的朋友可以参考下 本文实例讲述了JS实现改变HTML上文字颜色和内容的方法。分享给大家供大家参考,具体如下: 1. JavaScript Day 1 // to change the col…

    2025年12月21日
    000
  • html中table表格的内容水平和垂直居中显示

    这篇文章主要介绍了html中table表格的内容水平和垂直居中显示的相关资料,需要的朋友可以参考下  在CSS样式文件中指定 #class td /*设置表格文字左右和上下居中对齐*/ { vertical-align: middle; text-align: center; }/*class 是所…

    2025年12月21日
    000
  • 关于HTML表格边框的设置的技巧

    下面为大家带来一篇有关html表格边框的设置小技巧。内容挺不错的,现在分享给大家,也给大家做个参考 对于很多初学HTML的人来说,表格 是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解。 一般我们用表格的时候总会给它个border属性,比如: ,其效果如下: 立即学习“前端免费学习笔记(…

    2025年12月21日 好文分享
    000
  • html禁止清除input文本输入缓存的两种方法

    有时候浏览器有很多缓存,我们就执行不了某种操作,必须要清除缓存才可以运行,其实多数浏览器默认会缓存input的值,只有使用ctl+f5强制刷新的才可以清除缓存记录。如果不想让浏览器缓存input的值,有两种方法,请如下文   多数浏览器默认会缓存input的值,只有使用ctl+F5强制刷新的才可以清…

    好文分享 2025年12月21日
    000
  • 多种实例解析HTML表单form的使用方法

    这篇文章主要以多种实例的方式帮助大家了解分析html表单form的使用方法,讲解了form表单如何与用户进行交互,感兴趣的小伙伴们可以参考一下 九个简单实例为大家分析了HTML表单form的使用方法,供大家参考,具体内容如下 1 form表单标签 网站怎样与用户进行交互?答案是使用HTML表单(fo…

    2025年12月21日 好文分享
    000
  • html 网页中的锚点(命名锚记)的使用介绍

    html中的锚点想必大家并不陌生吧,锚点是网页制作中超级链接的一种,又叫命名锚记,下面以实例的方式为大家介绍下锚点的使用,不了解的朋友可不要错过哦 以下资料整理自网路 1.锚点是网页制作中超级链接的一种,又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。 英文名:anc…

    好文分享 2025年12月21日
    000
  • HTML页面点击下载文件的两种实现方法

    这篇文章主要介绍了html页面点击下载文件的两种实现方法,需要的朋友可以参考下 1.使用标签来完成 点击下载这样当用户打开浏览器点击链接的时候就会直接下载文件。 但是有个情况,比如txt,png,jpg等这些浏览器支持直接打开的文件是不会执行下载任务的,而是会直接打开文件,这个时候就需要给a标签添加…

    好文分享 2025年12月21日
    000
  • 在html中显示JSON数据的方法

    在项目中我们需要将json数据直接显示在页面上,但是如果直接显示字符串很不方便查看,下面给大家带来了html中显示json数据的方法,需要的的朋友参考下吧 背景: 有时候我们需要将json数据直接显示在页面上(比如在做一个接口测试的项目,需要将接口返回的结果直接展示),但是如果直接显示字符串,不方便…

    2025年12月21日
    000

发表回复

登录后才能评论
关注微信