abstract：$(function() { //默认选中第一个版本和第一个颜色 $('.detail_much_left').eq(0).attr('class','detail_much_left checked') $('.detail_color_left').eq(0).a
$(function() {
//默认选中第一个版本和第一个颜色
$('.detail_much_left').eq(0).attr('class','detail_much_left checked')
$('.detail_color_left').eq(0).attr('class','detail_color_left checked')
//点击选中其他颜色
$('.detail_color_left').click(function(){
$('.detail_color_left').attr('class','detail_color_left')
$(this).attr('class','detail_color_left checked')
updateTotalPrice()
})
//点击选中其他版本
$('.detail_much_left').click(function(){
$('.detail_much_left').attr('class','detail_much_left')
$(this).attr('class','detail_much_left checked')
updateTotalPrice()
})
//选中小米提供的保障服务
$('.shop_detail_bz1').click(function(){
var nowcircleclass=$(this).find('.fa-check-circle').attr('class')
var nowclass=$(this).find('.fa-check-square').attr('class')
if(nowcircleclass.indexOf('checked')>0){
//如果被选中，就除移选中
nowcircleclass=nowcircleclass.replace('checked','')
nowclass=nowclass.replace('checked','')
$(this).find('.fa-check-circle').attr('class',nowcircleclass)
$(this).find('.fa-check-square').attr('class',nowclass)
}else{
//如果没有被选中，就选中
$(this).find('.fa-check-circle').attr('class',nowcircleclass+'checked')
$(this).find('.fa-check-square').attr('class',nowclass+'checked')
}
updateTotalPrice()
})
// 计算总价
function updateTotalPrice(){
//版本价钱
var bbPrice=$(".detail_much_left[class$='checked']").find('span').attr('data-val')*1
//服务价钱
var svPrice=0
var svSpan=$(".fa-check-circle[class$='checked']").parent('.shop_detail_bz1').find('span[data-val]')
for( var i=0; i<svSpan.length;i++){
svPrice+=svSpan[i].getAttribute('data-val')*1
}
var TotalPrice=bbPrice+svPrice
$('#totalPrice').html('总计 ： '+TotalPrice+'元')
$('#phonePrice').html(bbPrice+'元')
}
Correcting teacher：查无此人Correction time：2019-05-20 09:07:13
Teacher's summary：完成的不错。每行js语句结束增加;号。继续加油