$(function(){
$(".checkall").change(function(){
$(".j-checkbox,.checkall").prop("checked",$(this).prop("checked"))
})
$(".j-checkbox").change(function(){
/* console.log($(".j-checkbox:checked")); */
if($(".j-checkbox:checked").length ===$(".j-checkbox").length){
$(".checkall").prop("checked",true)
} else{
$(".checkall").prop("checked",false)
}
})
$(".increment").click(function(){
var n = $(this).siblings(".itxt").val();
n++;
$(this).siblings(".itxt").val(n);
var p = $(this).parent().parent().siblings(".p-price").html();
p = p.substr(1)
$(this).parent().parent().siblings(".p-sum").html("¥" + (p*n).toFixed(2));
/* console.log(p) */
getSum();
})
$(".decrement").click(function(){
var n = $(this).siblings(".itxt").val();
n--;
if(n<0){
n = 0;
}
$(this).siblings(".itxt").val(n);
var p = $(this).parent().parent().siblings(".p-price").html();
p = p.substr(1)
/* var sum = */$(this).parent().parent().siblings(".p-sum").html("¥"+(p*n).toFixed(2))
getSum();
})
$(".itxt").change(function(){
var n = $(this).val();
var p = $(this).parent().parent().siblings(".p-price").html();
p = p.substr(1);
$(this).parent().parent().siblings(".p-sum").html("¥"+(p*n).toFixed(2))
getsum();
})
function getSum(){
var count = 0;
var money = 0;
$(".itxt").each(function(i,ele){
count += parseInt($(ele).val());
})
$(".amount-sum em").text(count);
$(".p-sum").each(function(i,ele){
money +=parseFloat($(ele).text().substr(1))
})
$(".price-sum em").text("¥" + money.toFixed(2));
}
})
JQ-小练习
最新推荐文章于 2022-08-18 18:59:39 发布