제목 : 활용예제 : 주문자 정보를 배송지 정보로 복사하기 : 폼의 내용 동기화
|
글번호:
|
|
230
|
|
작성자:
|
|
레드플러스
|
|
작성일:
|
|
2007/10/19 오후 8:13:00
|
|
조회수:
|
|
4394
|
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>폼을 동기화시키는 스크립트</title>
<script language="javascript" type="text/javascript">
var name = ""; var email = false;
function InitValue(frm) { // 배송지 정보에 복사된 정보 남기기
name = frm.txtName.value; email = frm.chkEmail.checked;
}
function ShipToBill(frm) {
if (frm.copy.checked) {
InitValue(frm);//현재 텍스트박스와 체크박스의 상태유지
document.getElementById("txtDeliveryName").value =
document.getElementById("txtName").value; // 기본
frm.chkDeliveryEmail.checked = email; // 폼 객체 활용
}
else { // 체크박스를 해제한다면,
frm.txtDeliveryName.value = name; frm.chkDeliveryEmail.checked = email;
}
}
</script>
</head>
<body>
<form id="MyForm" action="" method="Post">
주문자 정보<br />
이름 : <input type="text" id="txtName" /><br />
<input type="checkbox" id="chkEmail" name="chkEmail" /> 배송정보를 메일로 받음<hr />
<input type="checkbox" id="copy" onclick="ShipToBill(this.form);" /> 주문자 정보와 배송지 정보가 같음<hr />
배송지 정보<br />
이름 : <input type="text" id="txtDeliveryName" /><br />
<input type="checkbox" id="chkDeliveryEmail" name="chkDeliveryEmail" /> 배송정보를 메일로 받음
</form>
</body>
</html>