简易购物车 数量乘以价格 为什么没有结果？

java120936434 2011-11-29 11:48:15
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>简易购物车</title>
<script language="javascript">
function ator()
{
var price=parseFloat(document.all.price.value);
var num=parseInt(document.all.num.value);
var sum=price*num;
document.all.sum.value=sum;
}
</script>
</head>
<style type="text/css">
h1{
text-align:center;
}
td{
height:30px;
}
.title{
background:#66CCFF;
}
</style>

<body>

<h1>简易购物车</h1>
<HR />
<table width="793" border="1" align="center" cellpadding="0" cellspacing="0">

<tr>
<td class="title">编号</td>
<td class="title">名称</td>
<td class="title">单价(元)</td>
<td class="title">数量</td>
<td class="title">总价</td>
<td class="title"> </td>
</tr>

<tr>
<td>A-01</td>
<td>ThinkPad SL300</td>
<td><input type="text" name="price" id="price" size="10" /></td>
<td><input type="text" name="num" id="num" size="10" /></td>
<td><input type="text" mame="sum" id="sum"size="10" /></td>
<td><input type="button" name="anniu" value="计算价格" onclick="ator()" /></td>
</tr>
</table>

</body>
</html>

<td><input type="text" mame="sum" id="sum"size="10" /></td> 运行中应该这个是有值的 为什么没有反应啊？
...全文
205 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
Sparta 2011-11-30
  • 打赏
  • 举报
 回复
要兼容啊。document.getElementById().value
稍微好点，建议用jquery 直接 $("#id").val(赋值了)
hexinping123 2011-11-29
  • 打赏
  • 举报
 回复
document.all只有在ie中才支持，在DOM下就不行了，所以为了保证兼容性，都用document.getElementById("")来获取标签元素的 改成下面的就好了

<script language="javascript">
function ator()
{
var price=parseFloat(document.getElementById("price").value);
var num=parseInt(document.getElementById("num").value);
var sum=price*num;
document.getElementById("sum").value=sum;
}
</script>
oggmm 2011-11-29
  • 打赏
  • 举报
 回复
其次做一些输入的有效性检查
wishifef 2011-11-29
  • 打赏
  • 举报
 回复
<td><input type="text" mame="sum" id="sum"size="10" /></td>

---->name
oggmm 2011-11-29
  • 打赏
  • 举报
 回复
建议用document.getElementById("price").value
hookee 2011-11-29
  • 打赏
  • 举报
 回复 


<!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>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>简易购物车</title>

<script language="javascript">

function ator()

{

	var price = parseFloat(document.getElementById("price").value, 10);

	var num = parseInt(document.getElementById("num").value, 10);

	var sum = Math.round(price*num*100)/100;

	document.getElementById("sum").value = sum;

}

</script>

</head>

<style type="text/css">

 h1{

 text-align:center;

 }

 td{

 height:30px;

 }

 .title{

 background:#66CCFF;

 }

</style>



<body>



<h1>简易购物车</h1>

<HR />

<table width="793" border="1" align="center" cellpadding="0" cellspacing="0">



<tr>

<td class="title">编号</td>

<td class="title">名称</td>

<td class="title">单价(元)</td>

<td class="title">数量</td>

<td class="title">总价</td>

<td class="title"> </td>

</tr>



<tr>

<td>A-01</td>

<td>ThinkPad SL300</td>

<td><input type="text" name="price" id="price" size="10" /></td>

<td><input type="text" name="num" id="num" size="10" /></td>

<td><input type="text" mame="sum" id="sum"size="10" /></td>

<td><input type="button" name="anniu" value="计算价格" onclick="ator()" /></td>

</tr>

</table>



</body>

</html>
默默不得鱼 2011-11-29
  • 打赏
  • 举报
 回复
NaN了吧
另外document.all. 只有IE认识你这种写法 注意规范
汉尼拔 2011-11-29
  • 打赏
  • 举报
 回复
犯了这种拼写错误是非常头疼的事
tangxingangtom 2011-11-29
  • 打赏
  • 举报
 回复 


<!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>



    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>



    <script type="text/javascript">

        $(document).ready(function(){

            $("#but1").click(function(){

                var price = $.trim($("#price").val());//得到价格

                var num = $.trim($("#num").val());//得到数量

                var reg = /^[0-9]+$/;

                if(IsHasCHZN(num,reg)==false)//数量是否为非数字

                {

                    alert("Page Number Invalid");

                    return;

                }

                if(num==0||price==0)

                {

                    alert("不能为0");

                }

                var reg2 = /^(-  ¦\+)?\d+(\.\d+)?$/;

                if(IsHasCHZN(price,reg2)==false)//价格是否为非小数

                {

                    alert("Invalid price format");

                    return;

                }

                $("#sum").val(price*num);//把计算结果存入   记得给分

            });

        });

        

        /*检查正则 inputData要检测的字段  regular正则表达示*/

        function IsHasCHZN(inputData, regular)

        {

            return regular.test(inputData)

        }

    </script>



    <style type="text/css">

        h1

        {

            text-align: center;

        }

        td

        {

            height: 30px;

        }

        .title

        {

            background: #66CCFF;

        }

    </style>

</head>

<body>

    <h1>

        简易购物车</h1>

    <hr />

    <table width="793" border="1" align="center" cellpadding="0" cellspacing="0">

        <tr>

            <td class="title">

                编号

            </td>

            <td class="title">

                名称

            </td>

            <td class="title">

                单价(元)

            </td>

            <td class="title">

                数量

            </td>

            <td class="title">

                总价

            </td>

            <td class="title">

                 

            </td>

        </tr>

        <tr>

            <td>

                A-01

            </td>

            <td>

                ThinkPad SL300

            </td>

            <td>

                <input type="text" id="price" size="10" />

            </td>

            <td>

                <input type="text" id="num" size="10" />

            </td>

            <td>

                <input type="text" id="sum" size="10" />

            </td>

            <td>

                <input type="button" name="anniu" id="but1" value="计算价格" />

            </td>

        </tr>

    </table>

</body>

</html>
微服务架构电商项目购物车实现
- webSQL - 用户可以使用购物车一起结算下单 - 用户可以查询自己的购物车 - 用户可以在购物车中修改购买商品的数量。 - 用户可以在购物车中删除商品。 - 在购物车中展示商品优惠信息 - 提示购物车商品价格变化
jQuery-简易购物车
② 获取当前点击的全选按钮的 “checked” 属性值，改属性是标签的自带属性，所以用prop()获取- - -(this).prop("checked")③获取小按钮对象以及其他全选按钮对象，将其“checked”属性值设置为全选按钮的“checked...
Java电商项目购物车功能实现流程
在电商项目中，可以根据用户的需求调用购物车类的相应方法来实现购物车功能，例如用户点击“添加到购物车”...清空购物车：在购物车类中实现一个方法，用于清空购物车，即将购物车项列表清空，并将购物车总价置为0。
简易购物车js
<title>26购物车结算 * { margin: 0; padding: 0; list-style-type: none; } a { color: #666; text-decoration: none; } table { border-collapse: collapse; border-spacing: 0; border: 0; } ...
JQuery编写简易京东购物车功能
前天无意间看到有一位程序员的博客，有一篇名为无聊时编写的购物车，看了之后，只是觉得很垃圾，因为代码很臃肿，当然我写的也不咋地，当然我也是复习一下所学的js，再敲这个的期间遇到了如下问题,1:子元素父元素的...
JavaScript

87,907

社区成员

224,614

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章