JavaScript Dom编程根据属性找节点

 

 

 

function checkall(allnode)//直接传入参数
  function checkall() 无参函数定义方式代码
document.getElementsByName  获取的值都装在数组中v
<head>
<script type="text/javascript">
    function checkall(allnode){          
        var items=document.getElementsByName("item");          
        // var allnode= document.getElementsByName("all")[0];      
        for(var i=0;i<items.length;i++){                       
        items[i].checked=allnode.checked; } } </script>

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title>

</head>

<body>

<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="all" onclick="checkall()" />全选<br/> -->

<input type="checkbox" name="all" onclick="checkall(this)" />全选<br/>
//这里是获取到 name=all 的checkbox的对象


<input type="button" value="总金额" onclick="getsum()" />
<
span id="sumid"></span> </html>

 

        function getsum(){
            var items=document.getElementsByName("item");
            var sum=0;
            for(var i=0;i<items.length;i++){
                if(items[i].checked){
                   sum += parseInt(items[i].value);
                }
            }
            var spannode =document.getElementById("sumid");
            spannode.innerHTML= ("&nbsp;&nbsp;&nbsp;&yen;"+sum).fontcolor("green");
    }



  <input type="button" value="总金额:" onclick="getSum()" /><span id="sumid"></span>

 

posted @ 2017-04-13 16:53  yimian  阅读(585)  评论(0编辑  收藏  举报
访问人数:AmazingCounters.com