getElementById()、getElementsByName()、事件

最新推荐文章于 2023-03-15 10:43:12 发布

JavaNewbie__

最新推荐文章于 2023-03-15 10:43:12 发布

阅读量407

点赞数 1

本文链接：https://blog.csdn.net/baidu_38591365/article/details/77529839

版权

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>

JavaNewbie__

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
getElementById()、getElementsByName()、事件

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="Co
复制链接

扫一扫