SOURCE

console 命令行工具 X clear

                    
>
console
	$("#add").click(function() {
					//获取tr的个数
					var $laue = $('#table1 tr').length;
					//console.log($laue);
					//获取所有人
					var $user = $("#names").val();
					//获取帐号  
					var $email = $("#id").val();
					//获取帐号昵称 
					var $tel = $("#idname").val();
					//创建rt标签并插入获取到的数值
					var $tr = $("<tr><td>" + $user + "</td><td>" + $email + "</td><td>" + $tel + "</td><td><button type='button' href='javascript:void(0)' class='a btn btn-danger'>删除</button><button type='button' class='btn b'>默认本帐号提现</button></td></tr>");
					//alert($tr);  
					//判断文本框是否没写
					if($user == "" || $email == "" || $tel == "") {
						alert('提现信息未填写完整')
					} else if($laue >= 6) {
						//判断表格中tr的数量是否超过6个,包括标题
						alert('提现帐号超过上限');
					} else {
						//把创建的tr插入到表格最后一行
						$tr.appendTo("#table1");
					}

					//给删除按钮绑定事件
					$(".a").click(function() {
						$(this).parent().parent().remove();
					});
						//默认提现方式按钮点击事件
					$(".b").click(function() {
						//去掉所有的按钮背景和父元素指定class
						$(".b").removeClass('btn-success');
						$(".b").parent().parent().removeClass("red1");
						//给当前点击的按钮和父元素背景添加指定class
						$(this).addClass('btn-success');
						$(this).parent().parent().addClass("red1");
					})
							
					//清楚文本框并获取焦点
					$("#names").val("").focus();
					//清楚文本框
					$("#id").val("");
					//清除文本框
					$("#idname").val("");
				});
						
		
<div id="id666">

					<dl>
						<dt>支付宝</dt>
						<dd>
							<input type="text" id="names" class="input normal" placeholder="所有人" />
							<input type="text" id="id" class="input normal" placeholder="支付宝帐号" />
							<input type="text" id="idname" class="input normal" placeholder="支付宝帐号昵称" />
							<span class="Validform_checktip">*提现用户支付宝账号</span>
							<input type="button" class="btn btn-primary btn-mini" id="add" value="添加" />
						</dd>
					</dl>
				</div>
				<table id="table1" class="table   table-bordered">
					<tr>
						<th>所有人</th>
						<th>帐号</th>
						<th>帐号昵称</th>
						<th>操作</th>
					</tr>
				</table>
			</div>
.dell {
				margin-left: 20px;
			}
			
			#id666 input {
				width: auto;
			}
			
			.red1 {
				background: rgba(44, 208, 72, 0.5);
			}
			
			.red2 {
				background: none;
			}

本项目引用的自定义外部资源