码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2014-05-10 00:24:17      阅读:391      评论:0      收藏:0      [点我收藏+]

标签:style   blog   class   java   tar   ext   

bubuko.com,布布扣
bubuko.com,布布扣

<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="10"/>苹果 10元<br/>
<input type="checkbox" name="fruit" onclick="gouwu(this)" value="20"/>香蕉 20元<br/>
<input type="checkbox" name="fruit" onclick="gouwu(this)" value="30"/>西瓜 30元<br/>
<input type="checkbox" name="fruit" onclick="gouwu(this)" value="40"/>栗子 40元<br/>
<input type="checkbox" name="fruit" onclick="gouwu(this)" value="50"/>哈密瓜 50元<br/>
总价格是:<span id="myspan">0元</span><br/>
<a href="#" onclick="selectCheck(this)">全选</a>
<a href="#" 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="<{$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>

购物车计算总价、全选、取消,布布扣,bubuko.com

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

标签:style   blog   class   java   tar   ext   

原文地址:http://www.cnblogs.com/Mh201454/p/3718467.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!