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

这是一款基于jQuery+Bootstrap实现的手机移动端支付宝金额充值表单页面代码，主要看选择充值金额的效果。

js代码
<scriptsrc="./js/jquery.min.js"></script>
<scriptsrc="./js/bootstrap.min.js"></script>
<script>
var$amountInput=$('[type="number"]');
varamount='';
var$getId=$('[type="hidden"]');
vargetparse=ParaMeter();
$getId.val(getparse.id);
$(".quick_amountp").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('inputpropertychange',function(){
if($(this).val()>5000){
$('#exampleModal').modal('show')
}
if($(this).val()!==$('.quick_amountp.active').text()){
$('.quick_amountp').removeClass('active');
}
})
$('#exampleModal').on('hidden.bs.modal',function(e){
$amountInput.val(5000);
})
functionParaMeter()
{
varobj={};
vararr=location.href.substring(location.href.lastIndexOf('?')+1).split("&");
for(vari=0;i<arr.length;i++){
varaa=arr.split("=");
obj[aa[0]]=aa[1];
}
returnobj;
}
</script>



下载

2023-11-22 21:13 上传

点击文件名下载附件