html5手机端仿微信支付输入金额代码-刺猬源码

html5手机端仿微信支付输入金额代码

一款html5手机移动端仿微信支付输入消费金额输入付款代码。

js代码

<script src="js/jquery-1.8.3.min.js"></script>
<script>
	$(function(){
		
		//填写信息
		$('.infor-sub').click(function(e){
			$('.layer').hide();
			$('.form').hide();
			e.preventDefault();		//阻止表单提交
		})
		// 监听#div内容变化，改变支付按钮的颜色
		$('#div').bind('DOMNodeInserted', function(){
			if($("#div").text()!="" || $("#div").text()>'0'){
				$('.submit').removeClass('active');
				$('.submit').attr('disabled', false);
			}else{
				$('.submit').addClass('active');
				$('.submit').attr('disabled', true);
			}
		})
		$('#div').trigger('DOMNodeInserted');
		
		$('.shuru').click(function(e){
			$('.layer-content').animate({
				bottom: 0
			}, 200)
			e.stopPropagation();
		})
		$('.wrap').click(function(){
			$('.layer-content').animate({
				bottom: '-200px'
			}, 200)
		})
		
		$('.form_edit .num').click(function(){
			var oDiv = document.getElementById("div");
			oDiv.innerHTML += this.innerHTML;
		})
		$('#remove').click(function(){
			var oDiv = document.getElementById("div");
			var oDivHtml = oDiv.innerHTML;
			oDiv.innerHTML = oDivHtml.substring(0,oDivHtml.length-1);
		})
	})
</script>
VIP免费 永久VIP免费当前隐藏内容需要支付2金币
已有0人支付