bootstrap支付宝充值html,jQuery+Bootstrap移动端支付宝金额充值表单页面网页特效

JavaScript代码部分

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;

}

bootstrap支付宝充值html,jQuery+Bootstrap移动端支付宝金额充值表单页面网页特效相关推荐

html支付宝移动端,jQuery仿移动端支付宝键盘的实现代码
jQuery仿移动端支付宝键盘的实现代码 2019-01-08 编程之家 https://www.jb51.cc 编程之家收集整理的这篇文章主要介绍了jQuery仿移动端支付宝键盘的实现代码,编程之家 ...
jQuery手机移动端弹出层美化下拉选项特效代码
jQuery手机移动端弹出层美化下拉选项特效代码演示地址:http://www.b4a.bid/JS/ 效果如下: 下载地址:https://download.csdn.net/download/d ...
【转】4.2使用jQuery.form插件，实现完美的表单异步提交
传送门:异步编程系列目录-- 示例下载:使用jQuery.form插件,实现完美的表单异步提交.rar 抓住6月份的尾巴,今天的主题是今天我想介绍的是一款jQuery的插件:Jquery.form. ...
html浮动炫酷样式,jQuery和CSS3炫酷表单浮动标签特效
这是一款炫酷的jQuery和CSS3表单浮动标签特效.浮动标签是指输入框中的文字或占位文本在输入框聚焦的时候,以动画的方式浮动到指定的地方.浮动标签特效是一种新颖时尚的动画特效,不仅效果很酷,而且能以 ...
3 css 奖品出现弹出动画_基于jquery css3实现点击动画弹出表单源码特效
下图给大家展示了使用jquery css实现的点击动画弹出表单源码,有上传表单.删除表单.发送评论表单,都是通过鼠标点击图标按钮动画弹出的表单源码特效. 效果图展示如下: html代码: 上传选择文 ...
form通过ajax提交表单,Jquery通过Ajax方式来提交Form表单
今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器,成功时显示信息. jQuery 代码: $.ajax({ type: "POST", url: ...
B 端设计师必不可少的表单设计（上）
本文将我自己踩过的坑整理出来,目的是为了帮助那些刚迈入职场的设计师,对表单能有一个更好的了解,从而避免在工作中进入误区. 本文共计11000个字,阅读大约需要30分钟,请合理安排时间,看得快的当我没说 ...
B端设计师必不可少的表单设计（上）
本文由作者陈志强CHETChan 于社区发布本文将我自己踩过的坑整理出来,目的是为了帮助那些刚迈入职场的设计师,对表单能有一个更好的了解,从而避免在工作中进入误区.也希望能给PM们提供一些思路. ...
Jquery通过Ajax方式来提交Form表单
今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器,成功时显示信息. jQuery 代码: $.ajax({type: "POST",url: & ...

bootstrap支付宝充值html,jQuery+Bootstrap移动端支付宝金额充值表单页面网页特效

bootstrap支付宝充值html,jQuery+Bootstrap移动端支付宝金额充值表单页面网页特效相关推荐

最新文章

热门文章