JNB
rss

skin by 이글루스

자바스크립트

라디오박스 체크여부 06.10.03 10:50
<script language="javascript">
<!--
function checkRadio(form) {
        for(var i=0;i<form.radio1.length;        i++) { // 라디오버튼의 갯수-1 만큼 루프를 돌립니다
                if (form.radio1[i].checked == true) { // 체크된 버튼을 찾으면
                alert(i+1+" 번째 버튼이 체크되었습니다"); // 메세지를 출력합니다
                return;
                }
        }
        if(i==form.radio1.length) {
        // 체크된 숫자가 라디오버튼의 갯수와 같으면
        // (이 예제에서 라디오버튼의 갯수는 5개 이지만,
        // 배열에서 5번째 라디오버튼은 radio1[4] 가 됩니다)
        // 즉, 체크된 숫자가 radio1[5] 이면 아무것도 선택하지 않았다는 말이므로
                alert("한가지를 선택해 주세요") // 메세지를 출력합니다
                return;
        }
}
//-->
</script>

</head>

<body>

<form name="form1" method=post>
채널1 <input type="radio" name="radio1">
채널2 <input type="radio" name="radio1">
채널3 <input type="radio" name="radio1">
채널4 <input type="radio" name="radio1">
채널5 <input type="radio" name="radio1">
<input type="button" value=" 확인 "  onclick="checkRadio(this.form)">
</form>

        

    
Copyright 1999-2018 Zeroboard / skin by JY