jQuery:
$("checkAll").click(function() {
$('goods').prop("checked", $(this).prop("checked"));
//取消全选
$('.goods').click(function(){
$(".checkAll").prop('checked', false);
})
});
原生JS:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<form>
<input type="checkbox" value="all" id="all">全选<br/>
<input type="checkbox" value="2500元" name="product">电视2500元<br/>
<input type="checkbox" value="80元" name="product">电话80元<br/>
<input type="checkbox" value="75元" name="product">电吹风75元<br/>
<input type="checkbox" value="65元" name="product">电熨斗65元<br/>
<input type="checkbox" value="7500元" name="product">电脑7500元<br/>
<input type="checkbox" value="1500元" name="product">电冰箱1500元<br/>
<input type="checkbox" value="buy" id="buy">结算
</form>
<p id="p"></p>
<script>
function $(id){return document.getElementById(id)};
var input=document.getElementsByName("product");//获得一个所购产品列表
var res=null;//全部计算结果
var myres=null;//部分计算结果
$("all").οnclick=function(){
res=0;
for(var i=0;i<input.length;i++){
if($("all").checked){
input[i].checked=true;
res=res+parseFloat(input[i].value);//计算总额
$("p").innerHTML=res+"元";
}
else{
input[i].checked=false;
res=0;//计算总额
$("p").innerHTML=res+"元"
}
}
}//全选算出的结果
for(var j=0;j<input.length;j++){
input[j].οnclick=function(){
if(this.checked){
$("all").checked=false;
res=0;
myres=myres+parseFloat(this.value);
$("p").innerHTML=myres+"元";
}
if(this.checked==false){
$("all").checked=false;
res=res-parseFloat(this.value);
$("p").innerHTML=res+"元";
}
}
}
</script>
</body>
<html>