js 总结累计大全
来源：互联网 发布：最好的我们网络剧网盘 编辑：程序博客网 时间：2024/06/07 10:34
1选择 select 获取val text 更改其他class值
View Code
<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="2">农业银行</option> <option value="3">中国银行</option> <option value="4">支付宝</option> <option value="4">微信钱包</option> </select>
购物车
地、单选 全选价格计算
// JavaScript Documentvar checkedList = {};function calculate(){ var total = 0; $.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-1); $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 + 1); $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,10)+1; $.get(url, {id: $id,count:$coun}, function (data) { if (data.code == 1) { } }, 'json'); } // function downgoods($id){ var $count = $.trim($('.num').val()); var url = ' {{ route('updateshoppingCart')}}'; var $coun = parseInt($count,10)-1; $.get(url, {id: $id,count:$coun}, function (data) { if (data.code == 1) { } }, '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 == 1) { 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 == 10){ 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="1" max="99" 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>
0 0
- js 总结累计大全
- js 总结累计大全
- js库累计
- 累计
- 1.js 获取日期 指定数字按月累计日期！
- javascript中字符串常用操作总结、JS字符串操作大全
- javascript中字符串常用操作总结、JS字符串操作大全
- javascript中字符串常用操作总结、JS字符串操作大全
- javascript中字符串常用操作总结、JS字符串操作大全
- xss其他标签下的js用法总结大全
- xss其他标签下的js用法总结大全 20160711
- js大全
- js大全
- js大全
- js 大全
- JS大全
- js大全
- js大全
- ZendStudio格式化HTML代码方法及格式化后错位问题修正
- php 弹窗插件
- //获取url中"?"符后的字串
- js弹出框、对话框、提示框、弹窗总结
- Windows - 使用 XORBOOT 引导多系统
- js 总结累计大全
- php 提交表单
- laravel安装 笔记
- Framework did not have a CFBundleIdentifier in its Info.plist
- 常用 ajax js 表单
- 立FLAG
- js 常用插件
- 8大排序算法动态图文讲解
- 上传图片
