본문으로 바로가기

폼 동기화하기(배송정보)

category Code Lab 2015. 2. 20. 15:51


<form id="myForm" action="" method="post">
<p>주문자 정보</p>
이름 : <input type="text" id="txtName" name="txtName"><br>
<input type="checkbox" name="chkmail" id="chkmail" >배송정보를 메일로 받음
<hr>
<input type="checkbox" name="copy" id="copy" onclick="shipToBill(this.form);"> 주문자정보와 배송지 정보가 같음
<hr>
배송지 정보<br>
이름 : <input type="text" name="deliveryName" id="deliveryName"><br>
<input type="checkbox" name="deliverymail" id="deliverymail"> 배송정보를 메일로 받음

</form>



var name = "";
var email = false;

// 배송지 정보에 복사된 정보 남기기
function initValue(frm){
name = frm.txtName.value;
email = frm.chkmail.checked;
}

function shipToBill(frm) {
if(frm.copy.checked) {
initValue(frm); // 현재 텍스트박스와 체크박스 상태유지
// 기본
document.getElementById('deliveryName').value = document.getElementById('txtName').value
// 폼객체 활용
frm.deliverymail.checked = email;
} else {
//document.getElementById('deliveryName') = "";
frm.deliveryName.value = "";
frm.deliverymail.checked = false;
}

}