zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    PageControl1
    IE6 发送奇数个汉字出现的BUG机器解决之道
    十 C# Socket协议的形象描述
    深入浅出URL编码
    认识session
    Servlet过滤器介绍之原理分析
    web开发标准
    JS 截取字符串及字符与数字转换
    Servet和JSP学习总结(转载)
    端口、系统服务、系统进程概念
  • 原文地址:https://www.cnblogs.com/yimian/p/6704728.html
Copyright © 2011-2022 走看看