日期:2014-05-17 浏览次数:20670 次
<html> <head> <script type="text/javascript"> $().ready(function(){ //添加学生 $("#bt_add").click(function(){ var tr = $("#datalist table tbody:last-child"); //alert($("#datalist table tbody:last-child").html()); $("#datalist table").append($(".trmodel").clone().show().removeClass()); }); $(".delete").live('click',function(){ $(this).parents("tr").animate({ opacity: 'hide', left:'+250px', top:'-120px' }, 1000); }); }); </script> </head> <body> <div id="title"> <h2>添加学生</h2> <div> 入学年份 <select style="width:80px;"><option>2008</option></select> 系别 <select style="width:150px;"><option>计算机与科学系</option></select> 班级 <select style="width:150px;"><option>90812P</option></select> <span class="buttons"> <input type="button" value="提交" /> <input type="button" value="添加" id="bt_add" /> </span> </div> </div> <div style="clear:both;"></div> <!--表格样式--> <div id="datalist"> <table> <thead> <td width="20%">学号</td> <td width="20%">学生姓名</td> <td width="10%">性别</td> <td width="20%"></td> </thead> <tbody> <tr style=""> <td align="left"><input type="text" value="" /></td> <td align="left"><input type="text" value="" /></td> <td> <label> <input type="radio" name="RadioGroup1" value="男" id="RadioGroup1_0" checked="checked" class="input_align_5"/> 男</label> <label> <input type="radio" name="RadioGroup1" value="女" id="RadioGroup1_1" class="input_align_5" /> 女</label> </td> <td></td> </tr> <tr style=" display:none;" class="trmodel"> <td align="left"><input type="text" value="" /></td> <td align="left"><input type="text" value="" /></td> <td> <label> <input type="radio" name="RadioGroup1" value="男" id="RadioGroup1_0" checked="checked" class="input_align_5"/> 男</label> <label> <input type="radio" name="RadioGroup1" value="女" id="RadioGroup1_1" class="input_align_5" /> 女</label>