getElementById()、getElementsByName()、事件

来源：互联网发布：unity3d中文手册下载编辑：程序博客网时间：2024/04/29 08:01
7作业.html

<!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=utf-8" /><title>无标题文档</title></head><div>商品列表</div><input type="checkbox" name="item" value="3" />物品的价格3美元</br><input type="checkbox" name="item" value="30" />物品的价30美元</br><input type="checkbox" name="item" value="300" />物品的价300美元</br><input type="checkbox" name="item" value="3000" />物品的价格3000美元</br><input type="checkbox" name="item" value="30000" />物品的价格30000美元</br><input type="checkbox" name="item" value="300000" />物品币的价格300000美元</br><input type="checkbox" name="all"  onclick="checkAll(this)" />全选</br><input type="button" value="总金额" onclick="getSum()" /><span id="sumid"></span><body></body><script type="text/javascript">    function checkAll(){        var items = document.getElementsByName("item");            //document.write(items.length);            for(var i = 0;i<items.length;i++){                    //alert("送");                    items[i].checked=true;                }    }    function getSum(){        var sum=0;        var items = document.getElementsByName("item");            for(var i = 0;i<items.length;i++){                //alert("送");                if(items[i].checked==true){                    sum+=parseInt(items[i].value);                }            }        var sumid = document.getElementById("sumid");        sumid.innerHTML="$"+sum;    }</script></html>
阅读全文
1 0