<!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>
分享到：
相关推荐
学习了javascript ，这个代码是使用javascript来做一个简单的计算器，可以实现简单的额加减乘除的计算
一个用JS做的简易计算器,不是很完整，有兴趣的朋友可扩展一下
用javascript编程语言编写的简易计算器，仅包含+-*/运算
自己用Javascript和Html写的一个简单计算器，新手还望大家多多赐教。
JavaScript实现的简单的计算器，这是参考我同学的代码实现，希望能够帮助到你
简易计算器java实训报告.pdf
使用html+css+javascript设计一个精美的计算器，使用的计算器可以实现标准计算器的功能，如加减乘除。代码简洁精炼，非常适合大家学习，交作业，还有装X。
用javascript做简单计算器，实现加减乘除的简单运算。
html编写网页使用计算器 语言：javascript
我的第一个javascript小程序，实现简单计算器
vue实现简易计算器功能 本文实例为大家分享了vue实现简易计算器的具体代码，供大家参考，具体内容如下 功能介绍 1、可以实现加减乘除 2、可以实现归零 3、实现退格 效果图一般般，样式随便写的，主要看功能...
用js做的一个计算器，可以用这个方法去做一个Java代码
Javascript、CSS的简易科学计算器
用javascript编写的模拟windows自带的计算器做的,出来能够实习加减乘除外，还能求平方 开方 对数等复杂功能
用javascript开发的一款简易计算器，代码注释易懂，希望可以帮助需要的朋友
一个javaScript写的简单计算器程序，结合div+css,简单计算器可以在浏览器中随意拖放。
简单计算器：初学JavaScript，编写了一个简单的计算器，用于平常的计算什么的还是可以的
用javascripte制作的简单的计算器，有效果图，功能齐全
用于简单的加减乘除运算 运用javascript技术实现简单的加减乘除运算。。。
完整功能的JavaScript写的计算器，供JavaScript初学者参考。