DEVELOPE/JAVASCRIPT

체크박스 하나만 선택하기

소찾나 2017. 10. 13. 16:02

체크박스 하나만 선택하기




라디오 버튼을 써도 되는걸 구지 체크박스로 만들고 싶다면 다음과 같은 이벤트를 걸어주자. 솔찍히 라디오 버튼보다는 체크박스에 더 정감(?)이 

가는 것은 왜일까..네모나서?

<html>
<head>
<title>체크박스 하나만 선택하기</title>
<script type="text/javascript">
<!--
    function check_only(chk){
        var obj = document.getElementsByName("chkbox");
        for(var i=0; i<obj.length; i++){
            if(obj[i] != chk){
                obj[i].checked = false;
            }
        }
    }
//-->
</script>
</head>

<body>
<FORM name=chkForm action="" method=post >
    <input type="checkbox" name="chkbox" value="chk1"
                                                 onclick="check_only(this)">CheckBox1
    <input type="checkbox" name="chkbox" value="chk2"
                                                 onclick="check_only(this)">CheckBox2
    <input type="checkbox" name="chkbox" value="chk3"
                                                 onclick="check_only(this)">CheckBox3
</FORM>
</body>
</html>


getElementsByName 이거 궂이 안써도 되지만 요즘 저렇게 쓰는 추세(표준)라고 하네요 여기서 잠깐 살펴보면 getElementsByName은 배열값을 


불러올때 쓰이고요 하나짜리 불러올때는 getElementById를 씁니다. 딱봐도 알겠죠 Name은 Elements <- s가 붙었고 Id는 Element <- s가 안붙었


죠