54장 Form관련 Ex-2

Magic_kit 2009. 8. 11. 17:52

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type ="text/javascript">

        function CheckAgree() {
            if (document.getElementById("chkAgree").checked) {

                return true; //Submit 진행
            }
            else {
                alert("동의 하셔야 합니다");
                document.getElementById("chkAgree").focus();
                return false; //onsubmit 이벤트 중지
            }
        }
        //비활성화 상태에서 동의 체크 되었다면, 활성화.. 그렇지 않으면 비활성화
        function SetDis() {
            document.getElementById("btnSubmit").disabled =! document.getElementById("chkAgree").checked;

        }
    </script>
</head>
<body>
<form id ="Frm" name="Frm" action="form.htm" method="get"
        onsubmit="CheckAgree();">
        약간에 동의 하시겠습니까?
       <input type = "checkbox" id="chkAgree" onclick= "SetDis();" /> 동의함
       <input type ="submit" id ="btnSubmit" value = "회원가입페이지로 이동" />
</form>
<script>

    //기본값으로 버튼 비활성화
        document.getElementById("btnSubmit").disabled = true; //비활성화

</script>
</body>
</html>