jquery点击按钮，添加一行input输入框
<!DOCTYPE HTML><html xmlns:th="http://www.thymeleaf.org">
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<style>
</style>
</head>
<body>
<div id="timeCont"></div>
<button type="button" class="btn blue" id="fatBtn">新增区域</button>
<script type="text/javascript">
/* 新增检测时间 */
$("#fatBtn").click(function() {
var htm = "";
htm += "<div class='form-group'>";
htm += "<label class='col-sm-3 control-label' >区域监测时间段:</label>";
htm += "<div class='col-sm-4'>";
htm += "<input type='text' class='form-control sleepStart1' name='startTime' value='09:00' ></input>";
htm += "</div>";
htm += "<div class='col-sm-4'>";
htm +="<input type='text' class='form-control sleepStop1' name='stopTime' value='17:00'></input>";
htm += "</div>";
htm += "</div>";
$('#timeCont').append(htm);
});
</script></html>分类： 程序开发 /
网友品论
留下您的评论