티스토리 뷰

DEVELOPE/JAVASCRIPT

체크박스 하나만 선택하기

소찾나 2017. 10. 13. 16:02
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

체크박스 하나만 선택하기

체크박스 하나만 선택하기




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

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

<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가 안붙었


죠

'DEVELOPE > JAVASCRIPT' 카테고리의 다른 글

자바스크립트 [javascript]  (0) 2017.10.30
텍스트박스에 입력되는 문자의 바이트 수를 제한하는 스크립트  (0) 2017.08.25
[자바스크립트] 이벤트 핸들러 모음  (0) 2017.01.31
[자바스크립트] 문자열함수  (0) 2017.01.31
공유하기 링크
댓글