$(function(){ $('.detail_color_left').eq(0).attr('class','detail_color_left checked'); $('.detail_much_left').eq(0).attr('class','detail_much_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; // alert(typeof bbprice); //服务价钱 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+'元'); }
这里获取到的数字乘1是表示什么;var bbprice=$(".detail_much_left[class$='checked']").find('span').attr('data-val')*1;