abstrait：$(function () { doPrice(); $('.fa-check').mouseenter(function () { //鼠標(biāo)滑進(jìn) if (!$(this).hasClass('checked')) { $(this).css('color', '

$(function () {
doPrice();
$('.fa-check').mouseenter(function () { //鼠標(biāo)滑進(jìn)
if (!$(this).hasClass('checked')) {
$(this).css('color', '#ff6a00');
}
})
$('.fa-check').mouseleave(function () { //鼠標(biāo)移出
$(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; //小計(jì) = 單價(jià) * 個(gè)數(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); //總價(jià)
$('.select-count').html(checked_items.length); //選中數(shù)
$('.all-count').html(items.length); //總條數(shù)
}
})

總結(jié)：熟能生巧，多練就好。

Professeur correcteur：查無此人Temps de correction：2019-04-19 09:06:02
Résumé du professeur：完成的不錯(cuò)。熟練了常用代碼后，就可以研究有難度的功能。繼續(xù)加油