首页 > 代码库 > 购物车计算总价、全选、取消
购物车计算总价、全选、取消
<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"> <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>
<li> <input type="checkbox" value="http://www.mamicode.com/<{$favorite.lid}>" id="lid[]" name="lid"> <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>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。