<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
</head>
<body>
序号：<input type="text" id="xh" /><br/>
姓名：<input type="text" id="xm" /><br/>
专业：<input type="text" id="zy" /><br/>
年龄：<input type="text" id="nl" /><br/>
<button type="button" id="addNewtr">点击生成新行</button>
<button type="button" id="plDelete">删除</button>
<table id="dataTable" border="1" cellspacing="0">
<tr>
<td><input type="checkbox" id="zxk"/></td>
<td>序号</td>
<td>姓名</td>
<td>专业</td>
<td>年龄</td>
</tr>
</table>
</body>
<script type="text/javascript">
$("#addNewtr").click(function(){
var table = $("#dataTable");
var xhvalue = $("#xh").val();
var xmvalue = $("#xm").val();
var zyvalue = $("#zy").val();
var nlvalue = $("#nl").val();
var Newtr = ("<tr><td><input type='checkbox' class='sing'></td><td>"+xhvalue+"</td><td>"+xmvalue+"</td><td>"+zyvalue+"</td><td>"+nlvalue+"</td></tr>")
table.append(Newtr);
});
$("#zxk").click(function(){
if ($(this).prop("checked") == true) {
$(".sing").prop("checked",true);
} else{
$(".sing").prop("checked",false);
}
})
$("#plDelete").click(function(){
var checkedCols = $(".sing:checked");
checkedCols.each(function(index,elem){
var $_elem = $(elem);
var $_tr = $_elem.parent().parent();
$_tr.remove();
})
});
</script>
</html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
</head>
<body>
序号：<input type="text" id="xh" /><br/>
姓名：<input type="text" id="xm" /><br/>
专业：<input type="text" id="zy" /><br/>
年龄：<input type="text" id="nl" /><br/>
<button type="button" id="addNewtr">点击生成新行</button>
<button type="button" id="plDelete">删除</button>
<table id="dataTable" border="1" cellspacing="0">
<tr>
<td><input type="checkbox" id="zxk"/></td>
<td>序号</td>
<td>姓名</td>
<td>专业</td>
<td>年龄</td>
</tr>
</table>
</body>
<script type="text/javascript">
$("#addNewtr").click(function(){
var table = $("#dataTable");
var xhvalue = $("#xh").val();
var xmvalue = $("#xm").val();
var zyvalue = $("#zy").val();
var nlvalue = $("#nl").val();
var Newtr = ("<tr><td><input type='checkbox' class='sing'></td><td>"+xhvalue+"</td><td>"+xmvalue+"</td><td>"+zyvalue+"</td><td>"+nlvalue+"</td></tr>")
table.append(Newtr);
});
$("#zxk").click(function(){
if ($(this).prop("checked") == true) {
$(".sing").prop("checked",true);
} else{
$(".sing").prop("checked",false);
}
})
$("#plDelete").click(function(){
var checkedCols = $(".sing:checked");
checkedCols.each(function(index,elem){
var $_elem = $(elem);
var $_tr = $_elem.parent().parent();
$_tr.remove();
})
});
</script>
</html>
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
