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>

  • 相关阅读:
    ==和equals区别
    如何创建一个不可变类
    mysql用户的创建和授权
    事务
    Java知识点检测
    Redis
    正则表达式中match的用法
    rfind的用法
    找出文件夹里所有的文件路径
    合并多个pdf文件
  • 原文地址:https://www.cnblogs.com/yimian/p/6704728.html
Copyright © 2011-2022 走看看