js设计充值界面样式

 

js设计充值界面样式_第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 "+"¥"+rankList.rechareAmount+""
						}else{
							html = html + "
  • "+"¥"+rankList.rechareAmount+"
  • " } html = html + ""; html = html + ""; } $("#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); } });

     

     

    
    		
    		
    		
    	
    		
    充值金额:
    充值满 元赠送
    选择充值金额:
    实际付款:

     

    ----------------------------------------------------------------------------------------------------------------

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

     

    ----------------------------------------------------------------------------------------------------------------

    文章中,有问题,可以在评论区评论,一起探讨编程中奥秘!

    ----------------------------------------------------------------------------------------------------------------

      来都来了,那就点个赞吧

     

     

    你可能感兴趣的:(-----------前端)