qy-platform/Application/Mobile/View/Recharge/index.html

 <extend name="Public/baseso" />
<block name="body" >
    <link href="__CSS__/open.css" rel="stylesheet" >

    <div class="occupy"></div>
    <section class="trunker">
      <section class="container">
        <ul class="t-tab jstab recharge-tab clearfix">
          <li><a href="" class="btn active">平台币充值</a></li>
          <li><a href="" class="btn">折扣充值</a></li>
        </ul>
        <div class="t-table recharge-table jslist">
          <div class="t-tabpan active">
            <form class="platform">
              <div class="recharge-part">
              <ul class="table info jsinfo">
                <li class="table-row"><span class="table-cell">充值账户</span><span class="table-cell"><input type="text" class="txt" name="" placeholder="请输入充值账户"></span></li>
                <li class="table-row"><span class="table-cell">充值金额</span><span class="table-cell"><input type="text" class="txt rcmoney" name="" placeholder="最低充值金额1元"></span></li>
                <li class="table-row"><span class="table-cell">获得平台币</span><span class="table-cell"><input type="text" class="txt rcplatform" name="" readonly placeholder=""></span></li>
              </ul>
              </div>
              <div class="recharge-part">
              <ul class="table way">
                <li class="table-caption"><span class="table"><span class="tcell"><span class="font">请选择支付方式</span></span></span></li>
                <li class="table-row"><span class="table-cell"><i class="iconfont icon-alipay"></i><span class="text"><span>支付宝</span><span>支付宝安全支付</span></span></span><span class="table-cell"><label class="input-radio"><input type="radio" class="radio on jssbtn" name="way" checked ><i class="iconfont icon-yes"></i></label></span></li>
                <li class="table-row"><span class="table-cell"><i class="iconfont icon-weixin"></i><span class="text"><span>微信支付</span><span>支持微信4.2以上版本支付</span></span></span><span class="table-cell"><label class="input-radio"><input type="radio" class="radio jssbtn" name="way" ><i class="iconfont icon-yes"></i></label></span></li>
              </ul>
              </div>
              <div class="btnbox recharge-part recharge-table-btnbox">
                <input type="submit" class="btn jssubmit" value="确认支付">
              </div>
            </form>
          </div>
          <div class="t-tabpan">
            <form class="abatement">
              <div class="recharge-part">
              <ul class="table info jsinfo">
                <li class="table-row"><span class="table-cell">充值账户</span><span class="table-cell"><input type="text" class="txt" name="" placeholder="请输入充值账户" value="15452052144"></span></li>
                <li class="table-row"><span class="table-cell">选择游戏</span><span class="table-cell"><div class="input-select"><select id="gameid" name="game_id" class="txt select" style="width:100%;"><option value="">请选择充值游戏</option><option value="" data-radio="6.5">梦幻西游</option><option value="" data-radio="4.5">大话西游</option></select></div></span></li>
                <li class="table-row"><span class="table-cell">充值金额</span><span class="table-cell"><input type="text" class="txt rcmoney" name="" placeholder="最低充值金额1元"></span></li>
                <li class="table-row"><span class="table-cell">折扣比例</span><span class="table-cell"><input type="text" class="txt" value="" readonly><input class="rcratio" name="" type="hidden" name="" value=""></span></li>
                <li class="table-row"><span class="table-cell">实付金额</span><span class="table-cell"><input type="text" class="txt realmoney" name="" readonly ></span></li>
                <li class="table-row"><span class="table-cell">获得平台币</span><span class="table-cell"><input type="text" class="txt rcplatform" name="" readonly ></span></li>
              </ul>
              </div>
              <div class="recharge-part">
              <ul class="table way">
                <li class="table-caption"><span class="table"><span class="tcell"><span class="font">请选择支付方式</span></span></span></li>
                <li class="table-row"><span class="table-cell"><i class="iconfont icon-alipay"></i><span class="text"><span>支付宝</span><span>支付宝安全支付</span></span></span><span class="table-cell"><label class="input-radio"><input type="radio" class="radio on jssbtn" name="way" checked ><i class="iconfont icon-yes"></i></label></span></li>
                <li class="table-row"><span class="table-cell"><i class="iconfont icon-weixin"></i><span class="text"><span>微信支付</span><span>支持微信4.2以上版本支付</span></span></span><span class="table-cell"><label class="input-radio"><input type="radio" class="radio jssbtn" name="way" ><i class="iconfont icon-yes"></i></label></span></li>
              </ul>
              </div>
              <div class="btnbox recharge-part recharge-table-btnbox">
                <input type="submit" class="btn jssubmit" value="确认支付">
              </div>
            </form>
          </div>
        </div>
      </section>
    </section>
    <div class="popmsg pop-dialog"></div>
    <script src="__JS__/pop.lwx.min.js"></script>
    <script>
      $(function() {
        var popmsg = $('.popmsg').pop();
        $('.jstab .btn').click(function() {
          var that = $(this),parent = that.closest('.jstab'),sib=parent.siblings('.jslist');
          parent.find('.btn').removeClass('active');
          var index = that.addClass('active').closest('li').index();
          sib.find('.t-tabpan').eq(index).addClass('active').siblings().removeClass('active'); 

          return false;
        });
        
        $('.jssbtn').click(function() {
          var that = $(this);
          if (that.hasClass('on')) {
            that.removeClass('on');
          } else {
            that.closest('.table').find('.jssbtn').removeClass('on');
            that.addClass('on');
          }
        });
        
        $('#gameid').select2().change(function() {
          var that = $(this),cur = that.find('option:selected');
          var ratio = cur.attr('data-radio');
          var parent = that.closest('.jsinfo');
          var rr = parent.find('.rcratio');
          var sib =rr.siblings('input');
          var rm = parent.find('.realmoney');
          var rc = parent.find('.rcmoney').val();
          rr.val('');sib.val('');
          if (ratio) {
            rr.val(ratio);
            sib.val(ratio+'折');
            if (rc) {
              var rmnum =Math.floor(ratio*100 * rc/10)/100;
              rm.val(rmnum);
            }
          } else {
            rr.val(10);
            rm.val(rc);
          }
        });
        
        $('.rcmoney').keyup(function() {
          var that = $(this),val = $.trim(that.val()),parent=that.closest('.jsinfo'),pf=parent.find('.rcplatform');
          var rm = parent.find('.realmoney');
          if (val) {
            if (val>0 && /^(0|[1-9][0-9]*)$/.test(val)) {
              pf.val(val);
              if (rm) {
                var ratio = $.trim(parent.find('.rcratio').val()) || 10;
                var rmnum = Math.floor(ratio*100 * val/10)/100;
                rm.val(rmnum);
              }
            } else {
              popmsg.msg('请输入非零开头的正整数');that.val('').focus();
              pf.val('');if(rm) {rm.val('');}
            }
          } else {
            popmsg.msg('请输入充值金额');that.val('').focus();
            pf.val('');if(rm) {rm.val('');}
          }
        });
        
      });
    </script>


</block>