change
<!DOCTYPE html>
<html lang="ja" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="description" content=""/>
<meta name="author" content=""/>
<title>Dolteng Auto Generated</title>
<link th:href="@{/css/bootstrap.min.css}" href="<c:url value="/css/bootstrap.min.css"/>" rel="stylesheet"/>
<link th:href="@{/css/style.css}" href="<c:url value="/css/style.css"/>" rel="stylesheet"/>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
div.panel_copy{
margin-bottom:12px;
padding:6px;
border-radius: 4px;
border: 1px solid #ccc;
/*box-shadow: 0 5px rgba(0,0,0,.02);*/
/*-webkit-box-shadow: 0 5px rgba(0,0,0,.05);*/
}
div.panel-heading_copy{
display:block;
padding:0;
background:#f8f8f8; /*background:#f5f5f5;*/
}
div.panel-heading_copy a,
div.panel-heading_copy span{
display:block;
padding:10px;
text-decoration:none;
color:#555; /*color:#666;*/
}
div.panel-heading_copy a:hover,
div.panel-heading_copy a:focus,
div.panel-heading_copy a:active{
background:#ebebeb;
}
.box1 {
padding: 4px;
/*background:#d2e2f1; */
border: solid 1px #000;
width: 350px;
}
.padtopleft {
padding-top: 4px;
padding-left: 4px;
}
.errMes {
color: red;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-sm-12">
<s:form method="POST">
<p>inputEdit.jsp</p>
<p>:${mess}:</p>
<table class="table table-striped">
<thead>
<tr>
<th>koban</th>
<th>komei</th>
<th>queryId</th>
<th>verNo</th>
</tr>
</thead>
<tbody>
<c:forEach items="${rqList}" var="rqItem">
<tr>
<td>${rqItem.koban}</td>
<td>${rqItem.komei}</td>
<td>${rqItem.queryId}</td>
<td>${rqItem.fmtVerNo}</td>
</tr>
</c:forEach>
<tbody>
</table>
<div class="panel_copy">
<div class="panel-heading_copy">
<span>全角ひらがなのみ可</span>
</div>
<div class="panel-body">
match(/^[\u3041-\u3096]+$/)
</div>
</div>
<input class="btn" type="button" value="承認" id="approve" data-loading-text="実行中" autocomplete="off">
<div class="panel panel-default">
<div class="panel-heading">
<label class="checkbox-inline">
<input type="checkbox" value="" name="approveon" >承認
</label>
</div>
<div class="table-responsive">
<table class="table">
<tbody>
<tr>
<th>承認業務</th>
<td>仮受注</td>
</tr>
<tr>
<th>申請者</th>
<td>営業部第1課</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="box1">
<p class="padtopleft">
コピー元工番:
<input type="text" name="copycokan" >
<input class="btn" type="button" value="検索" name="copysearch" id="copysearch">
</p>
<p class="padtopleft errMes">
</p>
<table id="kobanTbl" class="table">
<thead>
<tr>
<th></th>
<th>工番</th>
<th>Ver</th>
<th>名前</th>
<th>コメント</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<p class="padtopleft">
<input class="btn" type="button" value="コピー" name="copy" id="copyBtn">
</p>
</div>
<!-- モーダル・ダイアログ -->
<div class="modal fade" id="approveModal" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span>×</span></button>
<h5 class="modal-title"><strong>承認</strong></h5>
</div>
<div class="modal-body">
<p>選択した承認を更新しますか?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" id="approveYes">はい</button>
<button type="button" class="btn btn-default" data-dismiss="modal" id="approveNo">いいえ</button>
</div>
</div>
</div>
</div>
</s:form>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script type="text/javascript">
$(function(){
$("#kobanTbl").hide();
$("#copyBtn").hide();
$("p.errMes").empty();
$('#approve').on('click', function(){
if ( $(":checkbox[name='approveon']:checked").length > 0 ) {
$('#approveModal').modal({keyboard: false, backdrop: "static",});
}
return false;
});
$("#approveYes").on("click", function(){
$(this).button('loading');
$('#approveModal').modal("destroy");
return false;
});
$("#copysearch").on("click",function(){
$("#kobanTbl").hide();
$("#copyBtn").hide();
var val = $(":text[name='copycokan']").val();
if ( val ) {
$.ajax({
url: '<c:url value="/echo/kobanList"/>',
type: 'GET',
data: "koban=" + val,
dataType: 'json',
cache: false,
success: function(json){
if ( json.length > 0 ) {
$("#kobanTbl").show();
$("#copyBtn").show();
$.each(json, function(idx, vals){
$row = $("<tr></tr>");
$("<td></td>").append($("<input type='radio' name='code' >").val(vals.id).data("koban", vals.koban).data("ver", vals.ver).prop("checked",idx==0)).appendTo($row)
$("<td></td>").text(vals.koban).appendTo($row);
$("<td></td>").text(vals.ver).appendTo($row);
$("<td></td>").text(vals.name).appendTo($row);
$("<td></td>").text(vals.coment).appendTo($row);
$row.appendTo($("#kobanTbl tbody"));
});
} else {
$("p.errMes").text("工番は存在しません");
}
}
});
}
return false;
});
$("#copyBtn").on('click', function(){
$selected = $(":radio[name='code']:checked");
location.href = "<c:url value='/echo/copy'/>?koban=" + $selected.data("koban") + "&ver" + $selected.data("ver");
});
});
</script>
</body>
</html>