HTML：

<div class="shop">商品列表</div>
        <div class="container">
            <input type="checkbox" id="allok" onclick="checkall()"/>全选/全不选<br />
            <input type="checkbox" id="oppsite" onclick="checkoppo()"/>反选<br />
            <input type="checkbox" name="item" value="4000" />笔记本电脑<br />
            <input type="checkbox" name="item" value="2000" />书本<br />
            <input type="checkbox" name="item" value="100" />钢笔<br />
            <input type="checkbox" name="item" value="20" />电磁炉<br />
            <input type="checkbox" name="item" value="30" />电视机<br />
            <input type="button" name="" value="总金额" onclick="getsum()"/>
            <span id="allsum"></span>
        </div>

JS全选/全不选：

function checkall(){
                var allok=document.getElementById("allok");
                var item=document.getElementsByName("item");
                if(allok.checked)
                {
                    for(var j=0;j<item.length;j++){
                        item[j].checked=true;
                    }
                }
                else{
                    for(var j=0;j<item.length;j++){
                        item[j].checked=false;
                    }
                }
            }

JS反选功能：

    function checkoppo(){
            var item=document.getElementsByName("item");
            for(k=0;k<item.length;k++){
                if(item[k].checked){
                    item[k].checked=false;
                }
                else{
                    item[k].checked=true;
                }
            }
        }

JS计算总和：

function getsum(){
                var itemsum=document.getElementsByName("item");
                var sum=0;
                for(var i=0;i<itemsum.length;i++){
                    if(itemsum[i].checked==true)
                    {
                        sum+=parseFloat(itemsum[i].value);
                    }
                }
                var allsum=document.getElementById("allsum");
                allsum.innerHTML=sum;
            }