HTML打折计算价格

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 2 <html>
 3
 4      <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 5
 6   <head>
 7
 8     <title>打折后价格计算</title>
 9
10   <!--  设置计算价格事件函数,取不同下拉打折数,计算结果送入文字框-->
11
12       <script type="text/javascript">
13
14     function calculator(){
15         var prices=document.getElementById("price");
16         var discounts=document.getElementById("number");
17         var pay;
18         var select=document.getElementById("payfunction");
19         if((prices.value>=0&&!isNaN(prices.value))&&(discounts.value>=0&&!isNaN(discounts.value))&&prices.value!=""&&discounts.value!="")
20         {
21             pay=prices.value*discounts.value;
22
23             switch(parseInt(select.value)){
24             case 1:pay=pay*0.5; break;
25             case 2:pay=pay*0.8; break;
26             case 3:pay=pay*0.6;    break;
27             }
28
29             document.getElementById("result").value=pay;
30             alert("恭喜你,交易成功!");
31
32         }else
33         {
34             prices.focus();
35             prices.select();
36             alert("请输入正确的价格和数量(也不能为空)!");
37         }
38
39     }
40
41
42     </script>
43
44
45   </head>
46
47   <!--  定义界面格式,设置下拉表,设置计算价格事件-->
48
49 <body>
50     <center>
51     <form name="discount" action="result.jsp" method="post">
52          竞拍价格:<input type="text" id="price" style="width: 150px"/><br>
53
54          购买数量:<input type="text" id="number" style="width: 150px"/><br>
55
56          支付方式:<select id="payfunction" style="width: 150px">
57          <option value="1">网银支付-打5折</option>
58         <option value="2">支付宝支付-打8折</option>
59         <option value="3" selected="true">Q币支付-打6折</option>
60          </select><br>
61
62          预计总价:<input type="text" id="result" style="width: 150px"><br>
63
64          <input type="button" id="allresult"  value="计算总价" onclick="calculator()" />
65     </form>
66      </center>
67
68   </body>
69 </html>

HTML打折计算价格

时间: 2024-10-13 13:53:58

HTML打折计算价格的相关文章

Android中购物车的全选、反选、问题和计算价格

此Demo主要解决的是购物车中的全选,反选计算价格和选中的条目个数的问题,当选中几条时,点击反选,会把当先选中的变为不选中,把不选中的变为选中.点击全选会全部选中,再次点击时,变为全部不选中. //-----------一下为main的布局----------------------- <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http

根据时间计算价格

在项目中遇到根据时间技算价格,记录下 最初版源码 /// <summary> /// 时间计算 /// </summary> /// <param name="startTime">订单创建时间</param> /// <param name="isFirst">首次</param> /// <param name="dayFirstPrice">一小时首次价格&

checkbox的全选、反选(计算价格)

package com.baidu.jisuan; import java.util.ArrayList;import java.util.List; import com.baidu.adapter.MyAdapter;import com.baidu.adapter.MyAdapter.ViewHolder;import com.baidu.vo.Goods; import android.os.Bundle;import android.app.Activity;import androi

jQuery实现购物车计算价格功能的方法

本文实例讲述了jQuery实现购物车计算价格功能的简易方法,做的比较简单,现分享给大家供大家参考.具体如下: 目的: 1 <%@ page language="java" contentType="text/html; charset=utf-8" 2 pageEncoding="utf-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//

checkbox的单选全选,反选,计算价格,删除

activity_main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" a

String转换成float并且保留两位小数,购物车计算价格

方法1: 用DecimalFormat 返回的是String格式的.该类对十进制进行全面的封装.像%号,千分位,小数精度.科学计算. float perPrice=Float.parseFloat(textView_price_shopCar.getText().toString()) * count;//String类型转换成float类型 DecimalFormat decimalFormat=new DecimalFormat(".00");//构造方法的字符格式这里如果小数不足

js购物车计算价格

<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>购物车</title> <script src="js/jquery-1.8.3.min.js">

全选,反选,全不选以及计算价格

代码如下:实现购物车类似的功能,分为两个class,两个xml: activity_main.xml: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout

2.大话设计模式-策略模式

1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Text; 5 using System.Threading.Tasks; 6 7 namespace DesignModel 8 { 9 /// <summary> 10 /// 策略模式 11 /// </summary> 12 public class TacticsModel 13 { 14 //对于