js 总结累计大全

1选择  select  获取val text   更改其他class值

 　　　　　　　　　　<script type="text/javascript">
                        $(function(){
                            $(".select").change(function(){
                                var val = $(this).find("option:selected").val();
                                var text = $(this).find("option:selected").text();
                                $(".blank-name").text(text+"账户：");
                                $(".blank-input").attr("placeholder",text+"账户");
                            });
                        });
                    </script>

                    <select class="select" name="name">
                        <option value="">农业银行</option>
                        <option value="">中国银行</option>
                        <option value="">支付宝</option>
                        <option value="">微信钱包</option>
                    </select>

购物车

地、单选 全选价格计算

// JavaScript Document

var checkedList = {};

function calculate(){
    var total = ;
    $.each(checkedList,function(id,data){
        console.log(id,data);
        total += checkedList[id].price * checkedList[id].count;
    });

    $("#taotal").html("￥" + total);

}
/*单选*/
$(document).on("change",".onecheck",function(e){
    e.preventDefault();
    var $li = $(this).parents("li");
    var id = $li.attr("data-id");
    if($(this).prop('checked')){
        var count = $li.find(".num").val();
        checkedList[id] = {price:$li.attr("data-price"),count:count};
        $(this).next().addClass("active");
    }else{
        delete checkedList[id];
        $(this).next().removeClass("active");

    }
    var allChecked = true;
    $('.onecheck').each(function(){
        if(!this.checked){
            allChecked = false;
            return false;
        }
        console.log("xx");
    });
    console.log('allchecked',allChecked);
    $('.check-all').prop("checked",allChecked);
    calculate();
});

/*所有选项*/
$(document).on("change",".check-all",function(e){
    e.preventDefault();
    console.log( $(".squaredFour input"));
    $(".onecheck").prop('checked',$(this).prop("checked")).trigger('change');
    if($(this).prop('checked')){
        $(this).next().addClass('active');
    }else{
        $(this).next().removeClass('active');
    }
    console.log('all');
});

/*减商品*/
$(document).on("click",".down",function(e){
    e.preventDefault();
    var $li = $(this).parents("li");
    var $input = $li.find(".num");
    var origin = parseInt($input.val());
    $input.val(origin-);
    $input.trigger('input');

});

/*加商品*/
$(document).on("click",".up",function(e){
    e.preventDefault();
    var $li = $(this).parents("li");
    var $input = $li.find(".num");
    var origin = parseInt($input.val());
    $input.val(origin + );
    $input.trigger('input');
});

/*改变文本输入*/
$(document).on("input",".num",function(e){
    e.preventDefault();
    var $li = $(this).parents("li");
    var id = $li.attr("data-id");

    if( checkedList[id] != undefined){
        var count = $(this).val();
        checkedList[id] = {price:$li.attr("data-price"),count:count};
        calculate();
    }

});

    <script type="text/javascript">
        //
        function upgoods($id){
            var $count =  $.trim($('.num').val());
            var url = ' {{ route('updateshoppingCart')}}';
            var $coun = parseInt($count,)+;
            $.get(url, {id: $id,count:$coun}, function (data) {
                if (data.code == ) {

                }
            }, 'json');
        }

        //
        function downgoods($id){
            var $count =  $.trim($('.num').val());
            var url = ' {{ route('updateshoppingCart')}}';
            var $coun =  parseInt($count,)-;
            $.get(url, {id: $id,count:$coun}, function (data) {
                if (data.code == ) {

                }
            }, 'json');

        }
        //删除购物车
        $(document).on("click",".deletegoods",function(e){
            e.preventDefault();
            var $li = $(this).parents("li");
            var $id = $li.attr("data-id");
            var url = ' {{ route('deleteshoppingCart')}}';
            $.get(url, {id: $id}, function (data) {
                if (data.code == ) {
                    delete checkedList[$id];
                    calculate();
                    $li.remove();
                }
            }, 'json');

        });

        function empty(obj){
            for(var i in obj ){
                return false;
            }
            return true;
        }
        //提交购物车
        function SubmitshoppingCart() {
            var url = ' {{ route('submitshoppingCart')}}';
            var checked = checkedList;
            if(empty(checked)){
                alert('请选择商品');
           }else{
                $.get(url, {checkbx: checked}, function (data) {
                    if(data.code == ){
                        location.href="orderdetails?id="+ data.orderid;
                    }else{
                        alert(data.ms);
                    }
                }, 'json');
            }
        }
    </script>

<article class="distribution_center_article">
    <div id="panel-239981" class="active my_shopping">
        <ul class="my_shopping_ul">
            @foreach($cart as $key=>$good)
                <li role="alert" class="alert goods10" data-id="{{$good->_id}}"
                    data-price="{{$good->goods->realPrice()}}" id="delete">
                    <p class="squaredFour">
                        <input type="checkbox" class="onecheck" name="check"/>
                        <a for="squaredFour"> </a>
                    </p>
                    <img src="{{$good->pic}}" alt=""/>

                    <div>
                        <h3>{{$good->goods['goodsname']}}</h3>
          <span>
          <button type="button" class="delete deletegoods" >
              <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
          </button>
          </span></div>
        <span>

        <h2>{{--$item->goods->realPrice() ;?>--}}
            <strong> {{\App\Services\Utils::formatYuan($good->goods->realPrice())}}</strong></h2>
        <p class="text-center">
            <button type="button" class=" down " onclick="downgoods('{{$good->_id}}')" >-</button>
            <input type="number" class="text-center num  deal spinner" value="{{$good->count}}" min="" max="" name="value">
            <button type="button" class="up" onclick="upgoods('{{$good->_id}}')">+</button>
        </p>
        </span>
       </li>
            @endforeach
            <li class="total">
                <p class="squaredFour">
                    <input type="checkbox" class="check-all" id="btn1" value="None"
                           name="check"/>

                    <a for="squaredFour"></a>
                </p>

                <h2>全选</h2>

                <div>
                    <h2>合计:<strong id="taotal">￥0.00</strong></h2>

                    <p>不含运费</p>
                </div>
                <button type="submit" class="btn btn-danger" data-toggle="modal" data-target=".bs-example-modal-sm1">
                    结算
                </button>
            </li>
                <div class="modal fade bs-example-modal-sm1 " tabindex="-1" role="dialog"
                     aria-labelledby="mySmallModalLabel" aria-hidden="true">
                    <!--地址弹窗-->
                    <div class="address-window">
                        <div>
                            <div class="modal-header">
                                <button type="button" class="" data-dismiss="modal" aria-label="Close"><span
                                            aria-hidden="true">关闭</span></button>
                                <form>
                                    <input type="text" placeholder="深圳"/>
                                    <button type="submit">取消</button>
                                    <span><button type="submit" class="glyphicon glyphicon-search"></button></span>
                                </form>
                            </div>
                            <article class="receiving_address_article address-window_article">
                                <div class="active my_shopping">
                                    <ul id="adressreallfresh" >
                                        @if($address )

                                            @foreach($address as $k=>$v )
                                                <li role="alert" class="alert" id="adressrefresh">
                                                    <div>
                                                        <h3>{{$v->realname}}</h3>
                                                 <span>
                                                    <h2 class="">
                                                        {{$v->mobile}}
                                                    </h2>
                                                  </span>
                                                        <h5>送至：{{$v->province}}{{$v->city}}{{$v->area}} {{$v->address}}</h5>
                                                    </div>
                                                    <div>
                                                        <input type="hidden" name="setadressdefault" id="setadressdefault"
                                                               value="{{ route('addresslist',array('type'=>'setadressdefault'))}}"/>
                                                        <input type="radio" name="sex" value="male"
                                                               @if($v->default=='yes')
                                                               checked="checked"
                                                               @endif
                                                               onclick="setadressdefault('{{$v->_id}}')"><i>默认地址</i>
                                                        <p>
                                                            <img src="img/14_13.png" alt="" class="float-left width-15x"/>
                                                            <i class="float-left margin-l-5">编辑</i>
                                                        </p>
                                                        <input type="hidden" name="deladress" id="deladress"
                                                               value="{{ route('addresslist',array('type'=>'deladress'))}}"/>
                                                        <button type="button" class="delete"
                                                                onclick="deladress('{{$v->_id}}')">
                                                            <img src="img/71_03.png" alt="" aria-hidden="true"
                                                                 class="float-left width-15x"/>
                                                            <i class="float-left margin-l-5">删除</i>
                                                        </button>
                                                    </div>
                                                </li>
                                            @endforeach
                                        @else
                                            <li role="alert" class="alert"><P style="margin: 20px; text-align: center ">
                                                    请添加收货地址信息</P></li>
                                        @endif

                                    </ul>

                                </div>
                                <div class="btn btn-danger" style="float: right; margin:5px; margin-top: 10px;" onclick="SubmitshoppingCart()"> 提 交
                                </div>
                                <div class="addto">
                                    <button type="button">+ 添加新地址</button>
                                </div>
                            </article>
                        </div>
                        <!--添加-->
                        <div class="increase-window">
                            <div class="preservation">
                                <h4>
                                    <button type="button" class="off" data-dismiss="modal" aria-label="Close"><span
                                                aria-hidden="true" class="glyphicon glyphicon-remove"></span></button>
                                </h4>
                                <form class="ajaxfrom">
                                    <input type="hidden" name="urladdadress" id="urladdadress"
                                           value="{{ route('addresslist',array('type'=>'addadress'))}}">
                                    <label><i>收货人 :</i> <input type="text" name="username" id="username" placeholder="真实姓名"></label>
                                    <br/>
                                    <label><i>联系方式 :</i> <input type="text" name="phone" id="phone" placeholder="必填信息">
                                    </label>
                                    <br/>
                                    <label><i>省份 :</i> <select id="Select1" name="Select1"></select> </label>
                                    <br/>
                                    <label><i>城市 :</i> <select id="Select2" name="Select2"></select> </label>
                                    <br/>
                                    <label><i>地区 : </i> <select id="Select3" name="Select3"></select> </label>
                                    <br/>
                                    <label><i>详细地址 : </i> <input type="text" id="adress" name="adress"
                                                                 placeholder="具体街道门牌号"> </label>
                                    <script type="text/javascript">
                                        addressInit('Select1', 'Select2', 'Select3');
                                    </script>
                                </form>
                                <div>
                                    <button onclick="addadress()" type="button" class=" btn btn-danger">保存</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </ul>
    </div>
</article>