您的位置：首页 > Web前端 > JavaScript

javascript学习实录之八（计算所选商品总价值） -- 刘小小尘

2013-05-12 18:54 337 查看

直接上代码，很简单，当你选择商品后，计算商品的总价值

<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
    <title></title>
    <script type="text/javascript">
        function getSum() {
            var item = document.getElementsByName("item")
            var sum = 0;
            for(var x=0; x < item.length; x++) {
                if(item[x].checked) {
                    sum += parseInt(item[x].value);
                }
            }
            var spanNode = document.getElementById("sum");
            str = sum + "元";
            spanNode.innerHTML = str.fontsize(7);
        }
        function checkAll() {
            var checkA = document.getElementsByName("all")[0];
            var item = document.getElementsByName("item")
                for(var x=0; x < item.length; x++) {
                   item[x].checked = checkA.checked ;
                }
        }
    </script>
</head>
<body>
    <input type="checkbox" name="all" onclick="checkAll()"> 全选 <br/>
    <input type="checkbox" name="item" value="3000"> 笔记本 : 3000 <br />
    <input type="checkbox" name="item" value="3000"> 笔记本 : 3000 <br />
    <input type="checkbox" name="item" value="3000"> 笔记本 : 3000 <br />
    <input type="checkbox" name="item" value="3000"> 笔记本 : 3000 <br />
    <input type="checkbox" name="item" value="3000"> 笔记本 : 3000 <br />
    <input type="checkbox" name="item" value="3000"> 笔记本 : 3000 <br />
    <input type="checkbox" name="item" value="3000"> 笔记本 : 3000 <br />
    <input type="checkbox" name="item" value="3000"> 笔记本 : 3000 <br />
    <input type="checkbox" name="item" value="3000"> 笔记本 : 3000 <br />

    <input type="button" value="获得总金额" onclick="getSum()"> <span id="sum"></span>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

javascript学习实录 之八（计算所选商品总价值） -- 刘小小尘

javascript学习实录之八（计算所选商品总价值） -- 刘小小尘