全选和反选Demo

来源：互联网发布：淘宝手机店铺怎么装修编辑：程序博客网时间：2024/06/08 19:51

<script type="text/javascript">    function checkAll(){        // 找到所有选项        var items = document.getElementsByName("item");        // 找到全选按钮的对象        var allNode = document.getElementsByName("all")[0];        for(var i=0;i<items.length;i++){            items[i].checked = allNode.checked;        }    }    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 &nbsp"+sum).fontcolor("green");    }</script><body>   <div>商品列表</div>   <input type="checkbox" name="item" value="1000"/>商品1<br/>   <input type="checkbox" name="item" value="1000"/>商品2<br/>   <input type="checkbox" name="item" value="1000"/>商品3<br/>   <input type="checkbox" name="item" value="1000"/>商品4<br/>   <input type="checkbox" name="all" onclick="checkAll()"/>全选<br/>   <input type="button" value="总金额:" onclick="getSum()"/><span id="sumid"></span> </body>

阅读全文

0 0