jQuery+Bootstrap手机端支付宝金额充值表单页面代码
201
0
jQuery支付宝充值手机支付宝充值

这是一款基于jQuery+Bootstrap实现的手机移动端支付宝金额充值表单页面代码,主要看选择充值金额的效果。
<script src="./js/jquery.min.js"></script> <script src="./js/bootstrap.min.js"></script> <script> var $amountInput = $('[type="number"]'); var amount = ''; var $getId = $('[type="hidden"]'); var getparse=ParaMeter(); $getId.val(getparse.id); $(".quick_amount p").off("click").on("click", function () { amount = $(this).text(); if (!$(this).hasClass('active')) { $(this).addClass('active').siblings().removeClass('active'); $amountInput.val(amount); } else { $(this).removeClass('active'); $amountInput.val(''); } }) $amountInput.on('input propertychange', function () { if ($(this).val() > 5000) { $('#exampleModal').modal('show') } if($(this).val()!==$('.quick_amount p.active').text()){ $('.quick_amount p').removeClass('active'); } }) $('#exampleModal').on('hidden.bs.modal', function (e) { $amountInput.val(5000); }) function ParaMeter() { var obj={}; var arr=location.href.substring(location.href.lastIndexOf('?')+1).split("&"); for(var i=0;i < arr.length;i++){ var aa=arr[i].split("="); obj[aa[0]]=aa[1]; } return obj; } </script>
热点素材
- 1,7341
- 1,62012
- 1,6180
- 1,6143
- 1,5271