PHP 超简易 购物车列表 //思路

HTML
<h1 class="price">1000</h1>
    <div class="clearfix choose">
        <div id="specification" class="summary-wrap clearfix">
            <dl>
                <dt>
                    <div class="fl title">
                        <i>颜色</i>
                    </div>
                </dt>
                <dd><span class="sss"><input type="radio" ids="1" name="color" checked class="color"></span><a spec_value_id="1" href="javascript:;" class="selected">黑色<span title="点击取消选择">&nbsp;</span></a></dd>
                <dd><span class="sss"><input type="radio" ids="2" name="color" class="color"></span><a spec_value_id="1" href="javascript:;" class="">白色<span title="点击取消选择">&nbsp;</span></a></dd>
            </dl>
        </div>
    </div>
    <div class="clearfix choose">
        <div id="specification" class="summary-wrap clearfix">
            <dl>
                <dt>
                    <div class="fl title">
                        <i>配置</i>
                    </div>
                </dt>
                <dd><span class="sss"><input type="radio" name="peiz" ids="1" checked class="peiz"></span><a spec_value_id="1" href="javascript:;" class="selected">32G<span title="点击取消选择">&nbsp;</span></a></dd>
                <dd><span class="sss"><input type="radio" name="peiz" class="peiz" ids="2"></span><a spec_value_id="1" href="javascript:;" class="">64G<span title="点击取消选择">&nbsp;</span></a></dd>
            </dl>
        </div>
    </div>
    <input type="number" class="number" value="1">
script

$('.sss').click(function () {
    if($('.color:checked')) {
        var color = $('.color:checked').attr('ids');
    }
    if($('.peiz:checked')){
        var peiz = $('.peiz:checked').attr('ids');
    }
    var number = $('.number').val();
    $.get('price',{'color':color,'peiz':peiz,'number':number},function (data) {
        $('.price').text(data.data);
    },'json')
})
$('.sss').click(function () {
    if($('.color:checked')) {
        var color = $('.color:checked').attr('ids');
    }
    if($('.peiz:checked')){
        var peiz = $('.peiz:checked').attr('ids');
    }
    var number = $('.number').val();
    $.get('price',{'color':color,'peiz':peiz,'number':number},function (data) {
        $('.price').text(data.data);
    },'json')
})
$('.number').change(function () {
    if($('.number').val()<=0){
        $('.number').val(1);
    }
    if($('.color:checked')) {
        var color = $('.color:checked').attr('ids');
    }
    if($('.peiz:checked')){
        var peiz = $('.peiz:checked').attr('ids');
    }
    var number = $(this).val();
    $.get('price',{'color':color,'peiz':peiz,'number':number},function (data) {
        $('.price').text(data.data);
    },'json')
})

php

        //接口
        //接收数据
        $Data = $_GET;

        //数据分配
        $color = $Data['color'];
        $peiz = $Data['peiz'];
        $number = $Data['number'];

//        判断
        if($color==1&&$peiz==1){
            //数量
            $price = 1000*$number;
            //返回json格式
            return json(['code'=>200,'data'=>$price,'msg'=>'ok']);
        }
        if($color==1&&$peiz==2){
            $price = 1200*$number;
            return json(['code'=>200,'data'=>$price,'msg'=>'ok']);
        }
        if($color==2&&$peiz==1){
            $price = 1400*$number;
            return json(['code'=>200,'data'=>$price,'msg'=>'ok']);
        }
        if($color==2&&$peiz==2){
            $price = 2000*$number;
            return json(['code'=>200,'data'=>$price,'msg'=>'ok']);
        }