摘要：$(function () { doPrice(); $('.fa-check').mouseenter(function () { //鼠標滑進 if (!$(this).hasClass('checked')) { $(this).css('color', '

$(function () {
doPrice();
$('.fa-check').mouseenter(function () { //鼠標滑進
if (!$(this).hasClass('checked')) {
$(this).css('color', '#ff6a00');
}
})
$('.fa-check').mouseleave(function () { //鼠標移出
$(this).css('color', '#fff');
})
$('.fa-check').click(function () { //普通勾選
$(this).hasClass('checked') ? $(this).removeClass('checked') : $(this).addClass('checked');
$(this).css('color', '#fff');
doCheckAll()
doPrice();
})
$('#check-all').click(function () { //全部勾選
$(this).hasClass('checked') ? $('.fa-check').removeClass('checked') : $('.fa-check').addClass('checked');
doPrice();
})
function doCheckAll() { //全部檢查
var all_item = $('.list-item i[class*="fa-check"]').length;
var checked_item = $('.list-item i[class$="checked"]').length;
all_item != checked_item ? $('#check-all').removeClass('checked') : $('#check-all').addClass('checked');
}
$('button.minus').click(unitCount); //減
$('button.plus').click(unitCount); //加
function unitCount() {
var boolean = $(this).hasClass('minus');
var now_value = parseInt($(this).siblings('input').val());
if (boolean) { //減
var current_value = 0;
now_value <= 1 ? current_value = 1 : current_value = now_value - 1;
} else { //加
var current_value = now_value + 1;
}
$(this).siblings('input').val(current_value);
var unit_price = parseFloat($(this).parents('.good-num').siblings('.good-price').html());
var Subtotal = unit_price * current_value; //小計 = 單價 * 個數(shù)
$(this).parents('.good-num').siblings('.good-total-price').html(Subtotal + '元');
doPrice();
}
function doPrice() {
var items = $('.list-item i[class*="fa-check"]');
var checked_items = $('.list-item i[class$="checked"]').parents('.select').siblings('.good-total-price');
var total_price = 0;
for (var i = 0; i < checked_items.length; i++) {
total_price += parseFloat(checked_items[i].innerHTML);
}
$('.sum-price').html(total_price); //總價
$('.select-count').html(checked_items.length); //選中數(shù)
$('.all-count').html(items.length); //總條數(shù)
}
})

總結：熟能生巧，多練就好。

批改老師：查無此人批改時間：2019-04-19 09:06:02
老師總結：完成的不錯。熟練了常用代碼后，就可以研究有難度的功能。繼續(xù)加油