程序博客网 > 服务器怎么开启端口

注册表

来源：互联网发布：服务器怎么开启端口编辑：程序博客网时间：2024/05/22 06:00

<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="jquery/jquery-1.10.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
var n=2;
$(function(){
$("#doAdd").click(function(){
var name=$("#name").val();
var age=$("#age").val();
var email=$("#email").val();
//创建节点
var tdNum=$("<td>"+n+"</td>");
var tdName=$("<td>"+name+"</td>");
var tdAge=$("<td>"+age+"</td>");
var tdEmail=$("<td>"+email+"</td>");
var tdButton=$("<td class='text-center'><input type='button' class='btn btn-danger btn-sm deleteOne' value='删除'><input type='button' class='btn btn-danger btn-sm cc' data-toggle='modal' data-target='#exampleModal' data-whatever='修改' value='修改'></td>");

var tr=$("<tr></tr>");
tr.append(tdNum);
tr.append(tdName);
tr.append(tdAge);
tr.append(tdEmail);
tr.append(tdButton);
tr.appendTo($("#tb"));
n++;
$(".deleteOne").click(function(){
$(this).parent().parent().remove();
});

$(".cc").click(function() {
var a=$(this).parent().parent().find("td:eq(0)");
var b=$(this).parent().parent().find("td:eq(1)");
var c=$(this).parent().parent().find("td:eq(2)");
var d=$(this).parent().parent().find("td:eq(3)");

// console.log(a);
$('#one').one('click',function(){
var nums=$("#nums").val();
var names=$("#names").val();
var ages=$("#ages").val();
var emails=$("#emails").val();
a.html(nums);
b.html(names);
c.html(ages);
d.html(emails);
});
});

});

$(".deleteOne").click(function(){
$(this).parent().parent().remove();
});

$(".cc").click(function() {
var a=$(this).parent().parent().find("td:eq(0)");
var b=$(this).parent().parent().find("td:eq(1)");
var c=$(this).parent().parent().find("td:eq(2)");
var d=$(this).parent().parent().find("td:eq(3)");
$("#nums").val(a.html());
$("#names").val(b.html());
$("#ages").val(c.html());
$("#emails").val(d.html());
// console.log(a);
$('#one').one('click',function(){
var nums=$("#nums").val();
var names=$("#names").val();
var ages=$("#ages").val();
var emails=$("#emails").val();
a.html(nums);
b.html(names);
c.html(ages);
d.html(emails);
});
});
});

function doDeleteAll(){
$("tbody tr").remove();
}

</script>
</head>
<body style="padding:50px">
<div class="container" style="border:1px solid #ccc">
<h2 class="text-center">添加用户</h2>
<form class="form-horizontal">
<div class="form-group">
<label for="name" class="col-sm-2 control-label col-sm-offset-2">姓名：</label>
<div class="col-sm-6">
<input type="text" class="form-control" id="name" placeholder="请输入用户名">
</div>
</div>
<div class="form-group">
<label for="age" class="col-sm-2 control-label col-sm-offset-2">年龄：</label>
<div class="col-sm-6">
<input type="text" class="form-control" id="age" placeholder="请输入年龄">
</div>
</div>
<div class="form-group">
<label for="email" class="col-sm-2 control-label col-sm-offset-2">邮箱：</label>
<div class="col-sm-6">
<input type="text" class="form-control" id="email" placeholder="请输入年龄">
</div>
</div>
<div class="form-group text-center">
<input type="button" value="添加" class="btn btn-primary" id="doAdd">
<input type="reset" value="重置" class="btn btn-primary">
</div>
</form>
<hr>
<table class="table table-bordered table-hover">
<thead>
<tr class="text-danger">
<th class="text-center">编号</th>
<th class="text-center">姓名</th>
<th class="text-center">年龄</th>
<th class="text-center">邮箱</th>
<th class="text-center">操作</th>
</tr>
</thead>
<tbody id="tb">
<tr>
<td>1</td>
<td>小明</td>
<td>18</td>
<td>123@qq.com</td>
<td class="text-center">
<input type="button" class="btn btn-danger btn-sm deleteOne" value="删除">
<input type="button" class="btn btn-danger btn-sm cc" data-toggle="modal" data-target="#exampleModal" data-whatever="修改" value="修改">
</td>
</tr>
</tbody>
</table>
<p class="text-right"><input type="button" class="btn btn-danger btn-sm" value="删除所有" onclick="doDeleteAll()"></p>

</div>

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="exampleModalLabel">修改信息</h4>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label for="recipient-name" class="control-label">编号:</label>
<input type="text" class="form-control" id="nums">
</div>
<div class="form-group">
<label for="message-text" class="control-label">姓名:</label>
<input type="text" class="form-control" id="names">
</div>
<div class="form-group">
<label for="message-text" class="control-label">年龄:</label>
<input type="text" class="form-control" id="ages">
</div>
<div class="form-group">
<label for="message-text" class="control-label">邮箱:</label>
<input type="text" class="form-control" id="emails">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="one" data-dismiss="modal">修改</button>
</div>
</div>
</div>
</div>

阅读全文

0 0

服务器怎么开启端口

服务器怎么开启端口

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子机动车保险免责条款民法免责条款电信免责条款保险法免责条款保险合同免责条款保险条款免责条款保险公司免责条款免责条款的特点广告免责条款合同法免责事由免责条款的含义旅游免责协议书免责声明怎么写侵权责任的免责事由活动免责声明范本工程免责协议书房地产广告免责声明关于免责条款什么是免责条款离职免责声明范本三责险免责条款施工免责条款车辆免责条款免责条款无效免责合同范本产品免责条款网店免责条款活动免责条款收入证明免责声明人寿保险免责条款宿舍免责声明游泳池免责声明质量免责声明提单免责条款地产免责条款工伤免责条款运输免责条款安全免责协议侵权责任免责事由儿童乐园免责声明免责声明范文