<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>拍拍购物车</title>
<style type="text/css">
</style>
<script type="text/javascript">
//价格
var number = 100;
//商品合计
var numberMoney;
//总合计
var sumMoney;
function radioValue(){
var num = document.getElementById("numNumber").value;
//匹配正整数正则表达式
var numRegExp =/^[1-9]\d*$/;
if(num == ""){
confirm("请先输入购买的数量!!!");
return false;
}
if(!numRegExp.test(num)){
alert("购买的数量为正整数!!!");
return false;
}
if(num>52){
//alert("超过库存数量");
document.getElementById("message").innerHTML="最大限购量52件";
document.getElementById("message").style.color="red";
num=52;
document.getElementById("numNumber").value = num;
}
var obj = document.getElementsByName("radioName");
var moneySMN;
for(var i=0;i<obj.length;i++){//适合length>=2时，当obj.length==null时，可以直接取obj.value值
if(obj[i].checked){
moneySMN=obj[i].value;
break;
}
}
//商品总价格
numberMoney = parseInt(num) * number;
document.getElementById("numberMoney").value = numberMoney;
sumMoney = numberMoney + parseInt(moneySMN);
document.getElementById("sumMoney").value = sumMoney;
}
/*
document.getElementById(id).style.borderWidth="1px";
document.getElementById(id).style.width="400px";
document.getElementById(id).style.borderColor="#FF0000";
document.getElementById(id).style.borderStyle="solid";
document.getElementById(id).style.backgroundColor="99FFDD";
*/
</script>
</head>
<body>
邮寄：
<input type="radio" name="radioName" value="50.00" onclick="radioValue()"/>50.00
MSD：
<input type="radio" name="radioName" value="80.00" checked="checked" onclick="radioValue()"/>80.00</br>
数量:<input type="text" id="numNumber" name="number" onblur="radioValue()" /> <span id="message"></span></br>
商品合计：
<input type="text" id="numberMoney" name="numberMoney" readonly="readonly"/></br>
应付总价：
<input type="text" id="sumMoney" name="sumMoney" readonly="readonly"/>
</body>
</html>
分享到：
相关推荐
标题中的“一个用JS做的简易计算器”表明这是一个使用...这个简易计算器项目为初学者提供了学习JavaScript基础、DOM操作、事件处理和简单算法的良好实践平台，同时也为有经验的开发者提供了一个扩展和优化的挑战。
本项目旨在通过JavaScript技术实现一个简易的计算器功能，使用户能够进行基础的数学运算（加、减、乘、除）。该项目不仅锻炼了开发者对于HTML、CSS及JavaScript基础知识的应用能力，还涉及到了事件处理、异常捕获等...
JavaScript实现的简单的计算器，这是参考我同学的代码实现，希望能够帮助到你
这样的计算器对于初学者来说是很好的实践项目，因为它涉及到了JavaScript的基础知识，如变量、函数、条件语句、事件处理等，同时也展示了如何将这些概念应用到实际应用中。 在提供的文件`calculator1.html`中，我们...
JavaScript是一种广泛应用于网页和网络应用的...通过这个项目，初学者可以深入理解JavaScript在实际应用中的工作原理，并提升解决问题的能力。同时，这也是一个很好的实践项目，可以帮助巩固和提高JavaScript编程技能。
jQuery简易计算器是一个基于JavaScript库jQuery实现的简单计算工具，它为用户提供了一个直观的界面来执行基本的算术运算。这个项目对于初学者来说是很好的学习材料，因为它涉及到前端开发中的DOM操作、事件处理以及...
在本文中，我们将深入探讨如何使用JavaScript语言创建一个简单的计算器。这个计算器具有基本的数学运算功能，如加、减、乘、除，以及一些高级的数学函数，如正弦、余弦、反正弦、反余弦、正切和反正切。以下是对代码...
HTML简易计算器源代码.zip是一个包含一个简单HTML计算器的项目，主要使用了逆波兰表达式算法来处理计算逻辑，同时结合HTML、CSS和JavaScript技术来构建用户界面和交互功能。这个计算器的设计灵感来源于MIUI计算器，...
html编写网页使用计算器 语言：javascript
在本示例中，我们将探讨如何使用Vue.js框架来实现一个简单的计算器功能。Vue.js是一个流行的前端JavaScript框架，用于构建用户界面。以下是实现这个计算器的关键步骤和知识点： 1. **HTML布局**： HTML部分是...
JavaScript是一种广泛应用于网页和网络应用开发的脚本语言，它主要负责实现客户端的交互功能。...对于初学者来说，这是一个很好的实践项目，可以帮助他们深入理解这些基础知识并提高实际开发能力。
用js做的一个计算器，可以用这个方法去做一个Java代码
这个计算器将具有基本的算术运算功能，包括加、减、乘、除，为初学者提供了一个良好的实践平台，了解Web应用开发的基础。 首先，我们需要理解HTML是构建网页结构的标记语言，而CSS用于样式化这些结构，使其视觉上更...
在本文中，我们将深入探讨如何使用HTML和JavaScript实现一个简易计算器。这个计算器具备回退、基本的算术运算、符号转换、求倒数以及求幂等实用功能。 首先，我们从HTML部分开始。HTML（超文本标记语言）是构建网页...
标题"简单计算器（注释详尽）供初学者借鉴"表明这个项目是为那些刚刚接触编程，尤其是计算机制作的新手准备的。它强调了代码的可读性，通过详尽的注释来解释每一步操作，以便学习者能够更好地理解代码的工作原理。 ...
### JavaScript 实现简易计算器知识点解析 #### 一、概述 本文档主要介绍如何使用JavaScript语言来构建一个简易的网页计算器。...对于初学者来说，这是一个很好的练习项目，有助于加深对JavaScript的理解和掌握。
用javascript开发的一款简易计算器，代码注释易懂，希望可以帮助需要的朋友
简单的 JavaScript 计算器由Harsh Trivedi制作的简单 JavaScript 计算器。概述简单 JavaScript 计算器是一款使用 JavaScript 构建的简单网页计算器。它提供基本的算术运算，帮助用户快速高效地进行计算。用法您可以...
用于简单的加减乘除运算 运用javascript技术实现简单的加减乘除运算。。。
总的来说，网页版简易计算器是一个典型的前端开发项目，它融合了HTML、CSS和JavaScript的基本概念和技术，对于初学者来说是一个很好的实践案例。通过学习和理解这个项目，你可以更深入地掌握网页开发的基础知识，并...