jquery购物车下单提交订单商品数量修改带ajax提交数据后台插件封装
发布时间：2016-07-27, 13:03:58 分类：HTML | 编辑 off 网址 | 辅助
图集1/2
正文 25486字数 118,310阅读
在线演示地址 商品购物车点击按钮加减数量JQ插件
更新版本20160815
新增输入框loading位置自定义位置Run code
Cut to clipboard
源代码打包下载
附件：upload/attach/tbs-4asCc6dBdU.rar
HTML代码
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<style>
/*删除确认框css*/
#ordercssdellq {
display: inline-block;
background: #fff;
position: absolute;
right: 0px;
z-index: 99999999;
border: 1px solid #ddd;
padding: 3px;
border-radius: 3px;
width: 41px;
top: -3px;
text-align: center;
}
#ordercssdellq p{
padding:0px;margin:0px;
cursor: pointer;
}
#ordercssdellq p:hover{
background: yellow;
}
#ordercssdellq #ordercssdellq-yes{
color:red;
}
#ordercssdellq #ordercssdellq-no{
color:green;
padding-top: 3px;
margin-top: 3px;
border-top: 1px solid #ddd;
}
.orderiswtfdell{
cursor: pointer;
}
.cursor{
cursor: pointer;/*鼠标手型*/
}
</style>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="OrderIsWTFMainjs.js?v2"></script>
<form id="OrderIsWTFMain">
<div class="sp">商品1: 价格3
<input type="button" value="减" class="cursor">
<input type="text" name="firstname" value="1" oid="12" price="3" />
<input type="button" value="加" class="cursor">
总价：<span class="newprice"></span>
<span class="orderiswtfdell cursor" oid="12">删除</span>
</div>
<br />
<div class="sp">商品2: 价格4
<input type="button" value="减"> <input type="text" name="lastname" value="2" oid="123" price="4" /> <input type="button" value="加">
总价：<span class="newprice"></span> <span class="orderiswtfdell">删除
</span></div>
<br />
总数量：
<span id="allnumid">0</span>
总金额：
<span id="allpriceid">0</span>
<span id="orderdelallid" class="cursor">清空</span>
</form>
<script>
$(document).OrderIsWTFMain({
'pid':'#OrderIsWTFMain',//父id
'reduce':'减',//减按钮文字符号
'increase':'加',//加按钮文字符号
'allnumid':'#allnumid',//总数量id
'allpriceid':'#allpriceid',//总价格id
'newprice':'.newprice', //当前价格类
'nowdelll':'.orderiswtfdell',//当前商品删除类
'delallid':'#orderdelallid',//清空全部商品id
'inputreadonly':false, //输入框只读
'locationurl':'https://lizhenqiu.com/',//清空购物车后跳转到
//'ajaxurl':'/', //ajax后台链接
'ajaxurl':'/?',
//当前ID orderiswtfnid oid="12" 当前价格 price="3"
//当前数量 orderiswtfnum //当前价格 orderiswtfnewprice
'ajaxurlmod':0, //URL模式 1 index/get/ 模式0 index?get=
//'ajaxhtmlbe':'alert("1232");',//ajax前html
//'ajaxhtmlaf':'alert("1235552");'//ajax后html
'ajaximg':'data:image/gif;base64,R0lGODlhEAAQAPQAAP///zNmmfn6+1+Hr5y0zTdpm1F8qN7m7rnK20RzoZGsx4Sjwenu86zA1dHc52yRtXeZuwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAAFUCAgjmRpnqUwFGwhKoRgqq2YFMaRGjWA8AbZiIBbjQQ8AmmFUJEQhQGJhaKOrCksgEla+KIkYvC6SJKQOISoNSYdeIk1ayA8ExTyeR3F749CACH5BAAKAAEALAAAAAAQABAAAAVoICCKR9KMaCoaxeCoqEAkRX3AwMHWxQIIjJSAZWgUEgzBwCBAEQpMwIDwY1FHgwJCtOW2UDWYIDyqNVVkUbYr6CK+o2eUMKgWrqKhj0FrEM8jQQALPFA3MAc8CQSAMA5ZBjgqDQmHIyEAIfkEAAoAAgAsAAAAABAAEAAABWAgII4j85Ao2hRIKgrEUBQJLaSHMe8zgQo6Q8sxS7RIhILhBkgumCTZsXkACBC+0cwF2GoLLoFXREDcDlkAojBICRaFLDCOQtQKjmsQSubtDFU/NXcDBHwkaw1cKQ8MiyEAIfkEAAoAAwAsAAAAABAAEAAABVIgII5kaZ6AIJQCMRTFQKiDQx4GrBfGa4uCnAEhQuRgPwCBtwK+kCNFgjh6QlFYgGO7baJ2CxIioSDpwqNggWCGDVVGphly3BkOpXDrKfNm/4AhACH5BAAKAAQALAAAAAAQABAAAAVgICCOZGmeqEAMRTEQwskYbV0Yx7kYSIzQhtgoBxCKBDQCIOcoLBimRiFhSABYU5gIgW01pLUBYkRItAYAqrlhYiwKjiWAcDMWY8QjsCf4DewiBzQ2N1AmKlgvgCiMjSQhACH5BAAKAAUALAAAAAAQABAAAAVfICCOZGmeqEgUxUAIpkA0AMKyxkEiSZEIsJqhYAg+boUFSTAkiBiNHks3sg1ILAfBiS10gyqCg0UaFBCkwy3RYKiIYMAC+RAxiQgYsJdAjw5DN2gILzEEZgVcKYuMJiEAOwAAAAAAAAAAAA==' //loading gif图片
});
//alert(settings);
</script>Run code
Cut to clipboard
OrderIsWTFMainjs.js
/*! lizhenqiu.com */
/*
1、修改商品数量最小是1不为0
2、修复关闭只读模式input加减按钮背景
3、修复输入框非数字bug
*/
(function ($) {
jQuery.OrderIsWTFMainPlugin = {
FormattingNumbers:function($thisinputval,m,settings){
//格式化数字
$thisinputval=parseInt($thisinputval);
if(isNaN($thisinputval)) $thisinputval=1;
if(m==settings['increase']) $thisinputval=$thisinputval+1;
else if($thisinputval>1) $thisinputval=$thisinputval-1;
//inecall();
return $thisinputval;
},
AllNum:function(settings){
//商品总数量
var allnum=0;
var allprice=0;
var newprice=0;
$(settings['pid']+" input").each(function(){
//只读
if(settings['inputreadonly']) $(settings['pid']+" input").attr("readonly","readonly")//将input元素设置为readonly
var price=parseInt($(this).attr('price'));
if(price){
var num=parseInt($(this).val());
if(isNaN($(this).val())) {
num=1;
if(price) $(this).val(num);//数量非数字0
}
allnum=parseInt(allnum)+num;
allprice=parseInt(allprice)+(price*num);//总价格
newprice=price*num;
}
$(this).nextAll(settings['newprice']).html(newprice);//下一个 当前总价格
});//console.log(allnum);
$(settings['allnumid']).html(allnum);
$(settings['allpriceid']).html(allprice);
},
//ajax
AjaxOrderli:function(nid,num,newprice,settings,bthis,orderdel,orderdelid,orderdelall){
//当前ID orderiswtfnid
//当前数量 orderiswtfnum
//当前价格 orderiswtfnewprice
//删除 orderiswtfgetmod=orderdel
//删除当前id orderdelid
//清空购物车 orderiswtfgetmod=orderdelall
var loaingdgif=settings['ajaximg'];
var urlo=settings['ajaxurl']+'orderiswtfnid/'+nid+'/orderiswtfnum/'+num+'/orderiswtfnewprice/'+newprice+'/orderiswtfgetmod/'+orderdel+'/orderdelid/'+orderdelid+'/orderiswtfgetmod/'+orderdelall;
var urlt=settings['ajaxurl']+'orderiswtfnid='+nid+'&orderiswtfnum='+num+'&orderiswtfnewprice='+newprice+'&orderiswtfgetmod='+orderdel+'&orderdelid='+orderdelid+'&orderiswtfgetmod='+orderdelall;
var url=urlt;
if(settings['ajaxurlmod']) url=urlo;
$.ajax( {
url: url, //这里是静态页的地址
type: "GET", //静态页用get方法，否则服务器会抛出405错误
//dataType: "json",
//cache: false,
//async: false,
beforeSend: function(){
// Handle the beforeSend event
//bthis.val('');
//bthis.css('border','none');
if(!orderdel){
if(bthis.attr('oid')) bthis.css('background','url('+loaingdgif+') no-repeat center center');
}
//var be=settings['ajaxhtmlbe'];
},
success: function(data){
//var result = $(data).find("另一个html页面的指定的一部分").html();
//var af=settings['ajaxhtmlaf'];
//alert(af);
//bthis.css('border','');
//清空购物车跳转
if(orderdelall=='orderdelall'){
location.href = settings['locationurl'];
return false;
}
if(!orderdel){
if(bthis.attr('oid')) bthis.css('background','');
}
else $('#orderdelloangding').remove();
//bthis.val(num);
}
});
}
};
$.fn.OrderIsWTFMain = function (options) {
//选项
var settings = $.extend({
'pid':'#OrderIsWTFMain',
'reduce':'-',
'increase':'+',
'allnumid':'#allnumid',
'allpriceid':'#allpriceid',
'newprice':'.newprice',
'nowdelll':'.orderiswtfdell',
'delallid':'#orderdelallid',
'inputreadonly':true,
'ajaxurl':'/',
'ajaxurlmod':0,
'ajaxhtmlbe':'',
'ajaxhtmlaf':'',
'locationurl':'',
'ajaximg':'data:image/gif;base64,R0lGODlhEAAQALMPAHp6evf394qKiry8vJOTk83NzYKCgubm5t7e3qysrMXFxe7u7pubm7S0tKOjo////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCAAPACwAAAAAEAAQAAAETPDJSau9NRDAgWxDYGmdZADCkQnlU7CCOA3oNgXsQG2FRhUAAoWDIU6MGeSDR0m4ghRa7JjIUXCogqQzpRxYhi2HILsOGuJxGcNuTyIAIfkECQgADwAsAAAAABAAEAAABGLwSXmMmjhLAQjSWDAYQHmAz8GVQPIESxZwggIYS0AIATYAvAdh8OIQJwRAQbJkdjAlUCA6KfU0VEmyGWgWnpNfcEAoAo6SmWtBUtCuk9gjwQKeQAeWYQAHIZICKBoKBncTEQAh+QQJCAAPACwAAAAAEAAQAAAEWvDJORejGCtQsgwDAQAGGWSHMK7jgAWq0CGj0VEDIJxPnvAU0a13eAQKrsnI81gqAZ6AUzIonA7JRwFAyAQSgCQsjCmUAIhjDEhlrQTFV+lMGLApWwUzw1jsIwAh+QQJCAAPACwAAAAAEAAQAAAETvDJSau9L4QaBgEAMWgEQh0CqALCZ0pBKhRSkYLvM7Ab/OGThoE2+QExyAdiuexhVglKwdCgqKKTGGBgBc00Np7VcVsJDpVo5ydyJt/wCAAh+QQJCAAPACwAAAAAEAAQAAAEWvDJSau9OAwCABnBtQhdCQjHlQhFWJBCOKWPLAXk8KQIkCwWBcAgMDw4Q5CkgOwohCVCYTIwdAgPolVhWSQAiN1jcLLVQrQbrBV4EcySA8l0Alo0yA8cw+9TIgAh+QQFCAAPACwAAAAAEAAQAAAEWvDJSau9WA4AyAhWMChPwXHCQRUGYARgKQBCzJxAQgXzIC2KFkc1MREoHMTAhwQ0Y5oBgkMhAAqUw8mgWGho0EcCx5DwaAUQrGXATg6zE7bwCQ2sAGZmz7dEAAA7'
}, options);
$.OrderIsWTFMainPlugin.AllNum(settings);
//删除
$(settings['pid']+" "+settings['nowdelll']).click(function () {
var deldiv='<div id="ordercssdellq"><p id="ordercssdellq-yes">确认</p><p id="ordercssdellq-no">取消</p></div>';
$('#ordercssdellq').remove();
$(this).css('position','relative');
$(this).append(deldiv);
//alert('fdasfdas');
})
//取消删除
$(document).on('click', '#ordercssdellq-no', function() {
$('#ordercssdellq').remove();
});
//确认删除
$(document).on('click', '#ordercssdellq-yes', function() {
//获取当前商品 父元素
//var p=$(this).parent().attr("id");
var did=$('#ordercssdellq-yes').parent().parent().attr('oid');
//$('#ordercssdellq').remove();
//p=$('#ordercssdellq-yes').parent().parent().parent().attr('class');
//alert(did);
$('#ordercssdellq-yes').parent().parent().parent().attr('id','orderdelloangding');
//删除当前商品元素
$('#ordercssdellq-yes').parent().parent().parent().html('<img src="'+settings['ajaximg']+'" />');
$('#ordercssdellq').remove();
//$('#ordercssdellq').remove();
//ajax
$.OrderIsWTFMainPlugin.AjaxOrderli(did,0,0,settings,'','orderdel',did,'');
//更新数量 金额
$.OrderIsWTFMainPlugin.AllNum(settings);
});
//清空购物车
$(settings['pid']+' '+settings['delallid']).click(function (){
var deldiv='<div id="ordercssdellq"><p id="ordercssdellqall-yes">确认</p><p id="ordercssdellq-no">取消</p></div>';
$('#ordercssdellq').remove();
$(this).css('position','relative');
$(this).append(deldiv);
})
//确认清空购物车
$(document).on('click', '#ordercssdellqall-yes', function() {
$(settings['pid']).html('<img src="'+settings['ajaximg']+'" />');
$.OrderIsWTFMainPlugin.AjaxOrderli(0,0,0,settings,'','orderdel',0,'orderdelall');
})
$(settings['pid']+" input").click(function () {
var $this=$(this);
var $thisinputval=0;
var $thisval=$this.val();//判断加减
if($thisval==settings['reduce']){
$thisinputval=$this.next().val();//当前数量
$thisinputval=$.OrderIsWTFMainPlugin.FormattingNumbers($thisinputval,settings['reduce'],settings);
if(!$this.attr('oid')) $this.next().val($thisinputval);
$.OrderIsWTFMainPlugin.AllNum(settings);
//ajax nid,num,newprice,settings
$.OrderIsWTFMainPlugin.AjaxOrderli($this.next().attr('oid'),$thisinputval,$this.next().attr('price'),settings,$this.next(),'','','');
}else if($thisval==settings['increase']){
$thisinputval=$this.prev().val();
$thisinputval=$.OrderIsWTFMainPlugin.FormattingNumbers($thisinputval,settings['increase'],settings);
if(!$this.attr('oid')) $this.prev().val($thisinputval);
$.OrderIsWTFMainPlugin.AllNum(settings);
$.OrderIsWTFMainPlugin.AjaxOrderli($this.prev().attr('oid'),$thisinputval,$this.prev().attr('price'),settings,$this.prev(),'','','');
}
//console.log($thisinputval);
})
$(settings['pid']+" input").bind('change keyup mouseup blur', function() {
if(settings['inputreadonly']) return false;
$.OrderIsWTFMainPlugin.AllNum(settings);
$.OrderIsWTFMainPlugin.AjaxOrderli($(this).attr('oid'),$(this).val(),$(this).attr('price'),settings,$(this),'','','');
});
/*this.bind({
change:function(){
if(settings['inputreadonly']) return false;
$.OrderIsWTFMainPlugin.AllNum(settings);
$.OrderIsWTFMainPlugin.AjaxOrderli($(this).attr('oid'),$(this).val(),$(this).attr('price'),settings,this);
},
keyup:function(){
if(settings['inputreadonly']) return false;
$.OrderIsWTFMainPlugin.AllNum(settings);
$.OrderIsWTFMainPlugin.AjaxOrderli($(this).attr('oid'),$(this).val(),$(this).attr('price'),settings,this);
},
mouseup:function(){
if(settings['inputreadonly']) return false;
$.OrderIsWTFMainPlugin.AllNum(settings);
$.OrderIsWTFMainPlugin.AjaxOrderli($(this).attr('oid'),$(this).val(),$(this).attr('price'),settings,this);
},
blur:function(){
if(settings['inputreadonly']) return false;
$.OrderIsWTFMainPlugin.AllNum(settings);
$.OrderIsWTFMainPlugin.AjaxOrderli($(this).attr('oid'),$(this).val(),$(this).attr('price'),settings,this);
}
});*/
//inecall();
//遍历input输入框数量
/*function inecall(){
//if(!allprice)
var allprice=0;
$("input").each(function(){
var price=$(this).attr('price');
var num=$(this).val();
if(isNaN(num)) {
num=0;
if(price) $(this).val(0);
}
if(price){
allprice=allprice+(price*num);//总价格
}
console.log(allprice)
});
setTimeout=("inecall()",600);
}
setTimeout=("inecall()",600);*/
return this;//.each(function () {
// alert('fdafdas');
// 插件代码
//});
};
})(jQuery);Run code
Cut to clipboard
=======以下是旧版本==========
附件：upload/attach/tbs-8NtIX5X61J.rar
HTML使用格式
<input type="button" value="减"><input type="text" name="lastname" value="2" oid="123" price="4" /><input type="button" value="加">
总价：<span class="newprice"></span>Run code
Cut to clipboard
oid为当前商品id
price为当前商品价格
class="newprice"为当前商品数量总价金额
OrderIsWTFMain插件参数
'pid':'#OrderIsWTFMain',//父id
'reduce':'减',//减按钮文字符号
'increase':'加',//加按钮文字符号
'allnumid':'#allnumid',//总数量id
'allpriceid':'#allpriceid',//总价格id
'newprice':'.newprice', //当前价格类
'inputreadonly':true, //输入框只读
//'ajaxurl':'/', //ajax后台链接
'ajaxurl':'/?',
//当前ID orderiswtfnid oid="12" 当前价格 price="3"
//当前数量 orderiswtfnum //当前价格 orderiswtfnewprice
'ajaxurlmod':0, //URL模式 1 index/get/ 模式0 index?get=
//'ajaxhtmlbe':'alert("1232");',//ajax前html
//'ajaxhtmlaf':'alert("1235552");'//ajax后html
'ajaximg':'/loading.gif' //loading gif图片Run code
Cut to clipboard
完整HTML代码
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="OrderIsWTFMainjs.js?v2"></script>
<form id="OrderIsWTFMain">
商品1: 价格3
<input type="button" value="减"><input type="text" name="firstname" value="1" oid="12" price="3" /><input type="button" value="加"><span class="n22ewprice"></span>
总价：<span class="newprice"></span>
<br />
商品2: 价格4
<input type="button" value="减"><input type="text" name="lastname" value="2" oid="123" price="4" /><input type="button" value="加">
总价：<span class="newprice"></span>
<br />
总数量：
<span id="allnumid">0</span>
总金额：
<span id="allpriceid">0</span>
</form>
<script>
$('#OrderIsWTFMain input').OrderIsWTFMain({
'pid':'#OrderIsWTFMain',//父id
'reduce':'减',//减按钮文字符号
'increase':'加',//加按钮文字符号
'allnumid':'#allnumid',//总数量id
'allpriceid':'#allpriceid',//总价格id
'newprice':'.newprice', //当前价格类
'inputreadonly':true, //输入框只读
//'ajaxurl':'/', //ajax后台链接
'ajaxurl':'/?',
//当前ID orderiswtfnid oid="12" 当前价格 price="3"
//当前数量 orderiswtfnum //当前价格 orderiswtfnewprice
'ajaxurlmod':0, //URL模式 1 index/get/ 模式0 index?get=
//'ajaxhtmlbe':'alert("1232");',//ajax前html
//'ajaxhtmlaf':'alert("1235552");'//ajax后html
'ajaximg':'data:image/gif;base64,R0lGODlhEAAQAPQAAP///zNmmfn6+1+Hr5y0zTdpm1F8qN7m7rnK20RzoZGsx4Sjwenu86zA1dHc52yRtXeZuwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAAFUCAgjmRpnqUwFGwhKoRgqq2YFMaRGjWA8AbZiIBbjQQ8AmmFUJEQhQGJhaKOrCksgEla+KIkYvC6SJKQOISoNSYdeIk1ayA8ExTyeR3F749CACH5BAAKAAEALAAAAAAQABAAAAVoICCKR9KMaCoaxeCoqEAkRX3AwMHWxQIIjJSAZWgUEgzBwCBAEQpMwIDwY1FHgwJCtOW2UDWYIDyqNVVkUbYr6CK+o2eUMKgWrqKhj0FrEM8jQQALPFA3MAc8CQSAMA5ZBjgqDQmHIyEAIfkEAAoAAgAsAAAAABAAEAAABWAgII4j85Ao2hRIKgrEUBQJLaSHMe8zgQo6Q8sxS7RIhILhBkgumCTZsXkACBC+0cwF2GoLLoFXREDcDlkAojBICRaFLDCOQtQKjmsQSubtDFU/NXcDBHwkaw1cKQ8MiyEAIfkEAAoAAwAsAAAAABAAEAAABVIgII5kaZ6AIJQCMRTFQKiDQx4GrBfGa4uCnAEhQuRgPwCBtwK+kCNFgjh6QlFYgGO7baJ2CxIioSDpwqNggWCGDVVGphly3BkOpXDrKfNm/4AhACH5BAAKAAQALAAAAAAQABAAAAVgICCOZGmeqEAMRTEQwskYbV0Yx7kYSIzQhtgoBxCKBDQCIOcoLBimRiFhSABYU5gIgW01pLUBYkRItAYAqrlhYiwKjiWAcDMWY8QjsCf4DewiBzQ2N1AmKlgvgCiMjSQhACH5BAAKAAUALAAAAAAQABAAAAVfICCOZGmeqEgUxUAIpkA0AMKyxkEiSZEIsJqhYAg+boUFSTAkiBiNHks3sg1ILAfBiS10gyqCg0UaFBCkwy3RYKiIYMAC+RAxiQgYsJdAjw5DN2gILzEEZgVcKYuMJiEAOwAAAAAAAAAAAA==' //loading gif图片
});
//alert(settings);
</script>Run code
Cut to clipboard
OrderIsWTFMainjs.js
/*! lizhenqiu.com */
(function ($) {
jQuery.OrderIsWTFMainPlugin = {
FormattingNumbers:function($thisinputval,m,settings){
//格式化数字
$thisinputval=parseInt($thisinputval);
if(isNaN($thisinputval)) $thisinputval=0;
if(m==settings['increase']) $thisinputval=$thisinputval+1;
else if($thisinputval>0) $thisinputval=$thisinputval-1;
//inecall();
return $thisinputval;
},
AllNum:function(settings){
//商品总数量
var allnum=0;
var allprice=0;
var newprice=0;
$(settings['pid']+" input").each(function(){
//只读
if(settings['inputreadonly']) $(settings['pid']+" input").attr("readonly","readonly")//将input元素设置为readonly
var price=parseInt($(this).attr('price'));
if(price){
var num=parseInt($(this).val());
if(isNaN(num)) {
num=0;
if(price) $(this).val(0);//数量非数字0
}
allnum=parseInt(allnum)+num;
allprice=parseInt(allprice)+(price*num);//总价格
newprice=price*num;
}
$(this).nextAll(settings['newprice']).html(newprice);//下一个 当前总价格
});//console.log(allnum);
$(settings['allnumid']).html(allnum);
$(settings['allpriceid']).html(allprice);
},
//ajax
AjaxOrderli:function(nid,num,newprice,settings,bthis){
//当前ID orderiswtfnid
//当前数量 orderiswtfnum
//当前价格 orderiswtfnewprice
var loaingdgif=settings['ajaximg'];
var urlo=settings['ajaxurl']+'orderiswtfnid/'+nid+'/orderiswtfnum/'+num+'/orderiswtfnewprice/'+newprice;
var urlt=settings['ajaxurl']+'orderiswtfnid='+nid+'&orderiswtfnum='+num+'&orderiswtfnewprice='+newprice;
var url=urlt;
if(settings['ajaxurlmod']) url=urlo;
$.ajax( {
url: url, //这里是静态页的地址
type: "GET", //静态页用get方法，否则服务器会抛出405错误
//dataType: "json",
//cache: false,
//async: false,
beforeSend: function(){
// Handle the beforeSend event
//bthis.val('');
//bthis.css('border','none');
bthis.css('background','url('+loaingdgif+') no-repeat center center');
//var be=settings['ajaxhtmlbe'];
},
success: function(data){
//var result = $(data).find("另一个html页面的指定的一部分").html();
//var af=settings['ajaxhtmlaf'];
//alert(af);
//bthis.css('border','');
bthis.css('background','');
//bthis.val(num);
}
});
}
};
$.fn.OrderIsWTFMain = function (options) {
//选项
var settings = $.extend({
'pid':'#OrderIsWTFMain',
'reduce':'-',
'increase':'+',
'allnumid':'#allnumid',
'allpriceid':'#allpriceid',
'newprice':'.newprice',
'inputreadonly':true,
'ajaxurl':'/',
'ajaxurlmod':0,
'ajaxhtmlbe':'',
'ajaxhtmlaf':'',
'ajaximg':'data:image/gif;base64,R0lGODlhEAAQALMPAHp6evf394qKiry8vJOTk83NzYKCgubm5t7e3qysrMXFxe7u7pubm7S0tKOjo////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCAAPACwAAAAAEAAQAAAETPDJSau9NRDAgWxDYGmdZADCkQnlU7CCOA3oNgXsQG2FRhUAAoWDIU6MGeSDR0m4ghRa7JjIUXCogqQzpRxYhi2HILsOGuJxGcNuTyIAIfkECQgADwAsAAAAABAAEAAABGLwSXmMmjhLAQjSWDAYQHmAz8GVQPIESxZwggIYS0AIATYAvAdh8OIQJwRAQbJkdjAlUCA6KfU0VEmyGWgWnpNfcEAoAo6SmWtBUtCuk9gjwQKeQAeWYQAHIZICKBoKBncTEQAh+QQJCAAPACwAAAAAEAAQAAAEWvDJORejGCtQsgwDAQAGGWSHMK7jgAWq0CGj0VEDIJxPnvAU0a13eAQKrsnI81gqAZ6AUzIonA7JRwFAyAQSgCQsjCmUAIhjDEhlrQTFV+lMGLApWwUzw1jsIwAh+QQJCAAPACwAAAAAEAAQAAAETvDJSau9L4QaBgEAMWgEQh0CqALCZ0pBKhRSkYLvM7Ab/OGThoE2+QExyAdiuexhVglKwdCgqKKTGGBgBc00Np7VcVsJDpVo5ydyJt/wCAAh+QQJCAAPACwAAAAAEAAQAAAEWvDJSau9OAwCABnBtQhdCQjHlQhFWJBCOKWPLAXk8KQIkCwWBcAgMDw4Q5CkgOwohCVCYTIwdAgPolVhWSQAiN1jcLLVQrQbrBV4EcySA8l0Alo0yA8cw+9TIgAh+QQFCAAPACwAAAAAEAAQAAAEWvDJSau9WA4AyAhWMChPwXHCQRUGYARgKQBCzJxAQgXzIC2KFkc1MREoHMTAhwQ0Y5oBgkMhAAqUw8mgWGho0EcCx5DwaAUQrGXATg6zE7bwCQ2sAGZmz7dEAAA7'
}, options);
$.OrderIsWTFMainPlugin.AllNum(settings);
this.click(function () {
var $this=$(this);
var $thisinputval=0;
var $thisval=$this.val();//判断加减
if($thisval==settings['reduce']){
$thisinputval=$this.next().val();//当前数量
$thisinputval=$.OrderIsWTFMainPlugin.FormattingNumbers($thisinputval,settings['reduce'],settings);
if(!$this.attr('oid')) $this.next().val($thisinputval);
$.OrderIsWTFMainPlugin.AllNum(settings);
//ajax nid,num,newprice,settings
$.OrderIsWTFMainPlugin.AjaxOrderli($this.next().attr('oid'),$thisinputval,$this.next().attr('price'),settings,$this.next());
}else if($thisval==settings['increase']){
$thisinputval=$this.prev().val();
$thisinputval=$.OrderIsWTFMainPlugin.FormattingNumbers($thisinputval,settings['increase'],settings);
if(!$this.attr('oid')) $this.prev().val($thisinputval);
$.OrderIsWTFMainPlugin.AllNum(settings);
$.OrderIsWTFMainPlugin.AjaxOrderli($this.prev().attr('oid'),$thisinputval,$this.prev().attr('price'),settings,$this.prev());
}
//console.log($thisinputval);
})
this.bind('change keyup mouseup blur', function() {
if(settings['inputreadonly']) return false;
$.OrderIsWTFMainPlugin.AllNum(settings);
$.OrderIsWTFMainPlugin.AjaxOrderli($(this).attr('oid'),$(this).val(),$(this).attr('price'),settings,$(this));
});
/*this.bind({
change:function(){
if(settings['inputreadonly']) return false;
$.OrderIsWTFMainPlugin.AllNum(settings);
$.OrderIsWTFMainPlugin.AjaxOrderli($(this).attr('oid'),$(this).val(),$(this).attr('price'),settings,this);
},
keyup:function(){
if(settings['inputreadonly']) return false;
$.OrderIsWTFMainPlugin.AllNum(settings);
$.OrderIsWTFMainPlugin.AjaxOrderli($(this).attr('oid'),$(this).val(),$(this).attr('price'),settings,this);
},
mouseup:function(){
if(settings['inputreadonly']) return false;
$.OrderIsWTFMainPlugin.AllNum(settings);
$.OrderIsWTFMainPlugin.AjaxOrderli($(this).attr('oid'),$(this).val(),$(this).attr('price'),settings,this);
},
blur:function(){
if(settings['inputreadonly']) return false;
$.OrderIsWTFMainPlugin.AllNum(settings);
$.OrderIsWTFMainPlugin.AjaxOrderli($(this).attr('oid'),$(this).val(),$(this).attr('price'),settings,this);
}
});*/
//inecall();
//遍历input输入框数量
/*function inecall(){
//if(!allprice)
var allprice=0;
$("input").each(function(){
var price=$(this).attr('price');
var num=$(this).val();
if(isNaN(num)) {
num=0;
if(price) $(this).val(0);
}
if(price){
allprice=allprice+(price*num);//总价格
}
console.log(allprice)
});
setTimeout=("inecall()",600);
}
setTimeout=("inecall()",600);*/
return this;//.each(function () {
// alert('fdafdas');
// 插件代码
//});
};
})(jQuery);Run code
Cut to clipboard
（支付宝）给作者钱财以资鼓励 （微信）→
暂无评论 »