素材牛VIP会员

jQuery+Bootstrap移动端付出宝金额充值表单页面MG双倍剂量

 所属分类:MG双倍剂量-UI/构造/瀑布流,表单/验证/标签

 浏览:21次-  下载:0次-  评论:0次-  更新时间:2019-10-10
jQuery+Bootstrap移动端付出宝金额充值表单页面MG双倍剂量
积分辩明:注册即送15牛币,逐日签到可取得5牛币,成为VIP会员可永久免积分下载!   充值积分   充值会员   更多解释»
素材描述:这是一款基于jQuery+Bootstrap完成的手机移动端付出宝金额充值表单页面代码,重要看选择充值金额的后果。

详细简介

JavaScript代码部分

<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>

文件目次构造

  • css
    • ┝ bootstrap.min.css
    • ┝ style.css
  • images
    • ┝ logo.png
  • ┝ index.html
  • js
    • ┝ bootstrap.min.js
    • ┝ jquery.min.js

评论辩论这个素材(0)答复他人成绩或分享运居心得会嘉奖牛币

〒_〒 居然一个评论都没有……

 文明上彀,理性说话!   😉 阿里云荣幸券,戳我支付
我的牛币余额:0 已下载次数:0
所需牛币:10 开端下载

牛币获得:签到、评论、充值    » 在线充值(10牛币=1元)