• 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>

  • 相关阅读:
    R学习之——R用于文本挖掘(tm包)
    【转】基于LDA的Topic Model变形
    Windows操作系统实习之读者写者问题
    应用《开场白》ios源码分享
    一个美式英语发音的app开源
    20款优秀的移动产品原型和线框图设计工具
    sqlite 数据库在ios中的使用
    28个UI免费漂亮的切换开关PSD下载
    ios应用程序生命周期
    Ludei HTML5平台将于今年夏季支持WebGL 3D技术
  • 原文地址:https://www.cnblogs.com/yimian/p/6704728.html
Copyright © 2020-2023  润新知