购物车计算总价、全选、取消
<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"> <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="<{$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>