style24.front/src/main/webapp/WEB-INF/views/web/order/OrderDelvMemoChangePopWeb.html

<!-- 배송요청사항수정 팝업 -->
<div class="modal-dialog" role="document">
	<div class="modal-content">
		<div class="modal-header">
			<h5 class="modal-title" id="rqstModifyLabel">배송요청 사항</h5>
		</div>
		<div class="modal-body">
			<div class="pop_cont">
				<div class="area_request">
					<div class="form_field">
						<div>
							<input type="radio" name="rdi-request3" id="rdi-request31"> 
							<label for="rdi-request31"><span>문앞</span></label>
						</div>
						<div>
							<input type="radio" name="rdi-request3" id="rdi-request32"> 
							<label for="rdi-request32"><span>직접받고 부재시 문 앞</span></label>
						</div>
						<div>
							<input type="radio" name="rdi-request3" id="rdi-request33"> 
							<label for="rdi-request33"><span>경비실</span></label>
						</div>
						<div>
							<input type="radio" name="rdi-request3" id="rdi-request34"> 
							<label for="rdi-request34"><span>택배함</span></label>
						</div>
						<div>
							<input type="radio" name="rdi-request3" id="rdi-request35"> 
							<label for="rdi-request35"><span>기타사항</span></label>
							<div class="info_box">
								<div class="input_wrap">
									<input type="text" name="etcDelvMemo" class="form_control" maxlength="30" placeholder="보관장소만 입력">
									<p>보관 장소 외 다른 내용 입력시 통보없이 삭제 될 수 있습니다.</p>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="btn_group_block">
					<button class="btn btn_dark btn_block" id="btn_delvMemoChange">
						<span>등록</span>
					</button>
				</div>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
// 배송메모버튼클릭
$("input[name='rdi-request3']").on("click", function(){
	// 배송메모내용
	var rtnTxt = $("input[name='rdi-request3']:checked").parent().find('span').text();
	
	if (rtnTxt == "기타사항") {
		$("input[name='etcDelvMemo'").removeAttr("disbled");
	} else {
		$("input[name='etcDelvMemo'").attr("disbled", true);
	}
});

// 배송메모등록버튼
$("#btn_delvMemoChange").on("click", function(){
	var rtnTxt = $("input[name='rdi-request3']:checked").parent().find('span').text();
	if (rtnTxt == "기타사항") {
		rtnTxt = $("input[name='etcDelvMemo'").val();
	} 
	
	// 배송메모 부모창에 설정
	$("input[name='delvMemo']").val(rtnTxt);		// input 값에 설정
	$("#delvMemo").text(rtnTxt);					// 메모 text 설정
	$(".close-modal").trigger("click");				// 팝업닫기
});

// 초기배송메모설정
$(document).ready( function() {
	
	// 배송메모 초기값설정
	var delvMemo = $("input[name='delvMemo']").val();
	$("input[name='rdi-request3'").each(function(i){
		var rtnTxt = $(this).parent().find('span').text();
		
		if (rtnTxt == delvMemo) {
			$(this).attr("checked", true);
		} else {
			$(this).removeAttr("checked");
		}
	});
	
	$("input[name='rdi-request3']").trigger('change');
});
</script>
<!-- //배송요청사항수정 팝업 -->