체크박스를 라디오버튼처럼

원래 체크박스는 여러 개 중에 하나도 선택을 안하거나 여러개를 다 선택해도 되는 입력 폼이며 라디오 버튼은 여러 개  중에 하나만 선택하는 입력 폼이다. 사실 체크 박스로 해 놨으면서도 여러 개 중에 하나를 선택할 수 있게 해 놓는다면 전체 모든 사람들과 약속된 규약(Protocol)을 어기는 샘이 되겠지만 굳이 필요하다니 적어보면...

 

<input type="checkbox" name="fruit" value="apple"> Apple <input type="checkbox" name="fruit" value="banana"> Banana <input type="checkbox" name="fruit" value="orange"> Orange<br>

<script>
var checkboxes = document.getElementsByName("fruit");
for (var i=0; i<checkboxes.length; i++) {
    checkboxes[i].onclick = function() {
        for (var j=0; j<checkboxes.length; j++) {
            if (checkboxes[j] != this) {
                checkboxes[j].checked = false;
            }
        }
    };
}
</script>

 

 

참고로 이 코드와는 상관없지만 IIS를 설치한 후 ASP가 안된다고 하는 경우가 있다.

 

첫 번째는 IIS설치 후 응용프로그램 ASP를 추가하지 않은 경우이다. 

두 번째는 ASP 코드가 포함된 웹페이지를 실행시키면 만나는 에러이다.

 

an error occurred on the server when processing the url. please contact the system administrator. if you are the system administrator please click here to find out more about this error.

 

이럴 때는 IIS 관리콘솔 - 왼쪽 창에서 Default Web Site 클릭 - ASP 더블클릭 - ScriptErrorSentToBrowser속성을 Ture로 변경하면 됨.(한글의 경우 아래와 같이 브라우저에 오류 전송을 True로 변경)