<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function Check()
{
var sum = 0;
for(var i = 0; i < document.form1.shopping[i].length; i++)
{
if(document.form1.shopping[i].checked)
{
sum = sum + parseInt(document.form1.shopping.value);
}
}
var total = document.getElementById("total");
total.innerHTML = "您选择了 "+ sum + "的商品";
}
</script>
</head><body>
<form method="post" name="form1" action="">
<input type="checkbox" name="shopping" value="10" onclick="Check();" />10元<br />
<input type="checkbox" name="shopping" value="20" onclick="Check();" />10元<br />
<input type="checkbox" name="shopping" value="4560" onclick="Check();" />4560元<br />
<input type="checkbox" name="shopping" value="3" onclick="Check();" />3元<br />
<input type="checkbox" name="shopping" value="4" onclick="Check();" />4元<br />
<input type="checkbox" name="shopping" value="456" onclick="Check();" />456元<br />
<input type="checkbox" name="shopping" value="48" onclick="Check();" />48元<br />
<input type="checkbox" name="shopping" value="31" onclick="Check();" />31元<br />
<input type="checkbox" name="shopping" value="45" onclick="Check();" />45元<br />
<input type="checkbox" name="shopping" value="12" onclick="Check();" />12元<br />
<input type="checkbox" name="shopping" value="10" onclick="Check();" />10元<br />
<input type="submit" name="submit1" value="submit" />submit<br />
总价<span id="total">0元</span></form></body>
</html>
选中复选框之后,下面的总价格不能自动计算,谁知道怎么回事啊
解决方案 »
- 为什么写不到数据库里呢?求解
- JS怎样转换yyyy-mm-dd成yyyy-mm-dd hh:mm:ss 这样的格式?
- 单击一个连接,显示隐藏div的内容,单击div以外的空白处隐藏div内容
- asp循环调用的问题
- 如何截取字符串;之前和之后的字符?
- 请教一个下拉列表的问题
- 关于js实现简单的treeView的问题
- 如何将存储在数据库中的UBB代码在显示时转变为正常的HTML显示结果?
- document.captureEvents(Event.CLICK) 出错??!!
- 怎么获取当前窗口中frame的个数???
- 鼠标点击指定行列中的图片取出IMG 中的src语句,急!!!!!!!
- JavaScript 工具库:Cloudgamer JavaScript Library v0.1 发布
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function Check()
{
var sum = 0;
for(var i = 0; i < document.form1.shopping.length; i++)
{
if(document.form1.shopping[i].checked==true)
{
sum = sum + parseInt(document.form1.shopping[i].value);
}
}
var total = document.getElementById("total");
total.innerHTML = "您选择了 "+ sum + "的商品";
}
</script>
</head><body>
<form method="post" name="form1" action="">
<input type="checkbox" name="shopping" value="10" onclick="Check();" />10元<br />
<input type="checkbox" name="shopping" value="20" onclick="Check();" />10元<br />
<input type="checkbox" name="shopping" value="4560" onclick="Check();" />4560元<br />
<input type="checkbox" name="shopping" value="3" onclick="Check();" />3元<br />
<input type="checkbox" name="shopping" value="4" onclick="Check();" />4元<br />
<input type="checkbox" name="shopping" value="456" onclick="Check();" />456元<br />
<input type="checkbox" name="shopping" value="48" onclick="Check();" />48元<br />
<input type="checkbox" name="shopping" value="31" onclick="Check();" />31元<br />
<input type="checkbox" name="shopping" value="45" onclick="Check();" />45元<br />
<input type="checkbox" name="shopping" value="12" onclick="Check();" />12元<br />
<input type="checkbox" name="shopping" value="10" onclick="Check();" />10元<br />
<input type="submit" name="submit1" value="submit" />submit<br />
总价<span id="total">0元</span></form></body>
</html>
你的循环条件错了。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function Check()
{
var sum = 0;
for(var i = 0; i < document.form1.shopping.length; i++)
{
if(document.form1.shopping[i].checked)
{
sum = sum + parseInt(document.form1.shopping[i].value);
}
}
var total = document.getElementById("total");
total.innerHTML = "您选择了 "+ sum + "元的商品";
}
</script>
</head><body>
<form method="post" name="form1" action="">
<input type="checkbox" name="shopping" value="10" onclick="Check();" />10元<br />
<input type="checkbox" name="shopping" value="20" onclick="Check();" />10元<br />
<input type="checkbox" name="shopping" value="4560" onclick="Check();" />4560元<br />
<input type="checkbox" name="shopping" value="3" onclick="Check();" />3元<br />
<input type="checkbox" name="shopping" value="4" onclick="Check();" />4元<br />
<input type="checkbox" name="shopping" value="456" onclick="Check();" />456元<br />
<input type="checkbox" name="shopping" value="48" onclick="Check();" />48元<br />
<input type="checkbox" name="shopping" value="31" onclick="Check();" />31元<br />
<input type="checkbox" name="shopping" value="45" onclick="Check();" />45元<br />
<input type="checkbox" name="shopping" value="12" onclick="Check();" />12元<br />
<input type="checkbox" name="shopping" value="10" onclick="Check();" />10元<br />
<input type="submit" name="submit1" value="submit" />submit<br />
总价<span id="total">0元</span></form></body>
</html>
改成这样就可以了