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


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

时间: 2024-10-25 20:37:26

购物车计算总价、全选、取消的相关文章

AngularJS--购物车全选/取消全选功能实现

刚学习angularJS,于是练习写了一个类似于购物车的全选/取消全选的功能,主要实现的功能有: 1.勾选全选checkbox,列表数据全部被勾选,取消同理,用ng-model实现双向绑定: 2.选中列表中的所有checkbox,全选也会被勾选:(这里我想到的方法是给每一个对象增加checked字段,然后勾选触发echoChange()函数,用了一个cc变量计算当前checked为true的个数,然后再判断被勾选个数与数组长度是否相等,相等则证明全部被勾选,于是全选按钮也赋值为true;不知道还

jQuery 复选框全选/取消全选/反选

jQuery实现的复选框全选/取消全选/反选及获得选择的值. 完整代码: <!DOCTYPE html> <html> <head> <script type="text/javascript" src="../js/jquery-1.9.1.js"></script> <script type="text/javascript"> $(document).ready(fun

全选/取消全选那点事

今天我花了半天时间处理checkbox全选/取消全选那点事 技术领域 可信计算 其他   全选 申请日 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016  年  至 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 至今 年 专利类型 发明专利 实用新型   全选 授权

jquery全选/取消全选(反选)/单选操作

使用jQuery实现一组checkbox全选/取消全选,代码很简洁. jquery版本:2.0 先看看HTML代码,很简单的操作框 </head> <body>    <div>        <input id="checkAll" type="checkbox" />全选        <input name="subBox" type="checkbox" />

js实现checkbox的全选/取消

所有的操作都将使用jquery进行. 主要是为了实现指定内容的批量/单独删除操作. 先看一下页面的设计. 实现操作的主要地方是: 首先实现单击“标题”旁的checkbox实现所有条目的选择. 要点:jquery选择器 PHP代码如下: 将checkbox命名为“checkall”和“checklist”.届时,点击“checkall”时候 会通过选择器,将所有“checklist”选中,再进行“删除”. 实现全选/取消功能: 1 $("#checkAll").click(functio

jQuery 表单应用:全选/取消全选,表单验证,网页选项卡切换

应用一:单行文本框应用 需要用到的 API focus([[data],fn])   --> 当元素获得焦点时,触发 focus 事件 blur([[data],fn])     --> 当元素失去焦点时,触发 blur 事件 <!DOCTYPE html> <html> <head lang="en">     <meta charset="UTF-8">     <title></ti

使用jQuery练习全选-取消-反选-显示选择内容等功能代码

<span style="font-size:24px;color:#ff0000;">部长练习全选-取消-反选-显示选择内容等功能代码:</span> <!doctype html> <html> <head> <meta charset="gb2312"> <title>部长练习全选-取消-反选-显示选择内容等功能</title> <script src=&qu

jquery checkbox 复选框多次点击判断选中状态,以及全选/取消的代码示例

2015年12月21日 10:52:51 星期一 目标, 点击当前的checbox, 判断点击后当前checkbox是否是选中状态. html: <input type="checkbox" onclick="contracts_checkall()" id="contracts_checkall"> 全选 js: 1 var checkall = $("#contracts_checkall").attr('ch

html checkbox 实现全选/取消全选

html checkbox  实现全选/取消全选 <html> <body> <table border="1"> <tr> <th><input type="checkbox" onclick="swapCheck()" /></th> <th>Month</th> <th>Savings</th> </tr

jQuery一句话实现多选框全选/取消

<!DOCTYPE Html> <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script> <script type="text/javascript"> function selectAll(checkbox) { $('inp