首页 > 代码库 > 购物车计算总价、全选、取消

购物车计算总价、全选、取消

购物车计算总价、全选、取消
购物车计算总价、全选、取消

<script type="text/javascript" language="javascript">

    function gouwu(obj){
        var fruits=document.getElementByName("fruit");
        var totalPrice=0;
        //遍历所有的checkbox,计算新的总价
        for(var i=0;i<fruits.length;i++){
            //判断是否选择
            if(fruits[i].checked){
                totalPrice+=parseFloat(fruits[i].value);
            }
        }
        myspan.innerText=totalPrice+"元";
    }
function selectCheck(obj){
    var fruits=document.getElementsByName("fruit");
    if(obj.innerHTML==‘全选‘){
        for(i=0;i<fruits.length;i++){
            fruits[i].checked=true;
        }
    }else{
        for(i=0;i<fruits.length;i++){
            fruits[i].checked=false;
        }
    }
}
 
//响应复选框
function selectCheck2(){
    var fruits=document.getElementsByName("fruit");
    if(myselect.checked){
        for(i=0;i<fruits.length;i++){
            fruits[i].checked=true;
        }
    }else{
        for(i=0;i<fruits.length;i++){
            fruits[i].checked=false;
        }
    }
}
</script>
 
<h1>我的购物车</h1>
<input type="checkbox" name="fruit" onclick="gouwu(this)" value="http://www.mamicode.com/10"/>苹果 10元<br/>
<input type="checkbox" name="fruit" onclick="gouwu(this)" value="http://www.mamicode.com/20"/>香蕉 20元<br/>
<input type="checkbox" name="fruit" onclick="gouwu(this)" value="http://www.mamicode.com/30"/>西瓜 30元<br/>
<input type="checkbox" name="fruit" onclick="gouwu(this)" value="http://www.mamicode.com/40"/>栗子 40元<br/>
<input type="checkbox" name="fruit" onclick="gouwu(this)" value="http://www.mamicode.com/50"/>哈密瓜 50元<br/>
总价格是:<span id="myspan">0元</span><br/>
<a href="http://www.mamicode.com/#" onclick="selectCheck(this)">全选</a>
<a href="http://www.mamicode.com/#" onclick="selectCheck(this)">取消</a>
<input type="checkbox" id="myselect"/>是否全选
全选-反选-取消    
function select(obj){         var lids=document.getElementsByName("lid");         if(obj.innerHTML=="全选"){             for(i=0;i<lids.length;i++){                 lids[i].checked=true;             }         }else if(obj.innerHTML=="取消"){             for(i=0;i<lids.length;i++){                 lids[i].checked=false;             }                }else{             for(i=0;i<lids.length;i++){                 if(lids[i].checked==true){                     lids[i].checked=false;                 }else{                     lids[i].checked=true;                 }             }                 }     }
                    <li>                         <input type="checkbox" value="http://www.mamicode.com/<{$favorite.lid}>" id="lid[]" name="lid">&nbsp;&nbsp;                         <span class="time"><{$favorite.addTime}></span>                         <a target="_blank" href="http://localhost/mymcaedu/video.php?lid=<{$favorite.lid}>"><{$favorite.lessonName}></a>                     </li>       
    <div class="options_b">         选择:         <a onclick="select(this)">全选</a> -         <a onclick="select(this)">反选</a> -         <a onclick="select(this)">取消</a> -         <a onclick="return ConfDelAll(0);" href="javascript:DelAllNone(‘?a=delfavorite‘);">删除</a>     </div>