JavaScript设计充值界面样式

378 阅读1分钟

主页:写程序的小王叔叔的博客欢迎来访
支持:点赞​收藏​关注

$.ajax({			

            type:"POST",
			url:"${ctx}/wx/getRechargeList?storeId="+$("#storeId").val(),
			dataType:"json",
			timeout : 5000,
			async : true,//同步
			success:function (data,i){
				if(data.rechargeRankList!=null && data.rechargeRankList.length > 0){
					var rightClass = "pull-right recharge_nub bgfff";
					var leftClass = "pull-left recharge_nub bgfff";
					var html = "";
					for(var i=0; i <data.rechargeRankList.length; i++ ){
						var rankList = data.rechargeRankList[i];
						if(parseInt(i)%2 == 0){							
							html = html + "<li  id=\""+rankList.id+"\" value=\""+rankList.rechareAmount+"\" class=\""+leftClass+"\">"+"¥"+rankList.rechareAmount+"</li>"
						}else{
							html = html + "<li  id=\""+rankList.id+"\" value=\""+rankList.rechareAmount+"\" class=\""+rightClass+"\">"+"¥"+rankList.rechareAmount+"</li>"
						}
						html = html + "<input type='hidden' name='giveAmount' value='"+rankList.fixedAmount+"'>";
						html = html + "<input type='hidden' name='givePoints' value='"+rankList.givePoints+"'>";
					}
					$("#ulRecharge").append(html);
					$("#ulRecharge").find("li").click(function() {
						 $("#rechargeAccount").html($(this).val());//充值的金额
		                 $("#consumeDiscount").html($(this).val());//充值满的额度
						 $("#fixedAmount").html(parseFloat( $(this).next().val() ).toFixed(0));//充值满返还的额度
						 $("#givePoints").html(parseFloat( $(this).next().next().val() ).toFixed(0));//充值满返还的积分
						 /*会员充值样式*/
						 $(this).css({
							"border-color":"#4DAC4A",   
							"color":"#4DAC4A",		
						 }).siblings().css({
							"border-color":"#e7e7e7",
							"color":"#999",		
						 });
						 //实际充值金额  
						 var discount = parseFloat( $("#consumeDiscount").text() );
						 var amount = parseFloat( $("#fixedAmount").text() );
						 $("#amount").html("¥"+((discount - amount).toFixed(2)));
						 
					});
					
				}
			},
			error:function(XMLHttpRequest){
				alert(XMLHttpRequest.status);
			}
		
		});

转载声明:本文为博主原创文章,未经博主允许不得转载

⚠️注意 ~

💯本期内容就结束了,如果内容有误,麻烦大家评论区指出

如有疑问❓可以在评论区💬或私信💬,尽我最大能力🏃‍♀️帮大家解决👨‍🏫!

如果我的文章有帮助,欢迎点赞+关注✔️鼓励博主🏃,您的鼓励是我分享的动力🏃🏃🏃~