基於amazeui使用者儲值頁面特效

基於amazeui用戶充值頁面特效是一款可以選擇支付寶或微信的付款方式來進行儲值。

// 將所有.ui- choose實例化
 $('.ui-choose').ui_choose();
 // uc_01 ul 單選
 var uc_01 = $('#uc_01').data('ui-choose'); // 取回已實例化的物件
 uc_01.click = function(index, item) {
  console.log('click', index, item.text())
 }
 uc_01.change = function(index, item) {
  console.log('change', index, item.text())
 }
 $(function() {
  $('#uc_01 li:eq(3)').click(function() {
   $('.tr_rechoth').show();
   $('.tr_rechoth').find("input").attr('required', 'true')
   $('.rechnum').text('10.00元');
  })
  $('#uc_01 li:eq(0)').click(function() {
   $('.tr_rechoth').hide();
   $('.rechnum').text('10.00元');
   $('.othbox').val('');
  })
  $('#uc_01 li:eq(1)').click(function() {
   $('.tr_rechoth').hide();
   $('.rechnum').text('20.00元');
   $('.othbox').val('');
  })
  $('#uc_01 li:eq(2)').click(function() {
   $('.tr_rechoth').hide();
   $('.rechnum').text('50.00元');
   $('.othbox').val('');
  })
  $(document).ready(function() {
   $('.othbox').on('input propertychange', function() {
    var num = $(this).val();
    $('.rechnum').html(num + ".00元");
   });
  });
 })