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

来源：互联网发布：qq做图软件编辑：程序博客网时间：2024/04/24 21:06

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

<!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学习实录之八（计算所选商品总价值） -- 刘小小尘