본문 바로가기
개발공부/JavaScript

[자바스크립트] : Checkbox 중복선택 되지 않도록 하기.

by dokii 2021. 1. 10.
728x90
반응형

ㅊ필터검색이 되도록 만들기위해서,

라디오 버튼 또는 체크박스가 필요한데 두개는 각각의 장단점을 가지고있다.

 

체크 박스는  기본적으로 한번 더 누르면 체크를 취소할 수 있기때문에 사용하였는데,

중복선택 되지않도록 따로 자바스크립트 코드를 넣어주어야한다. 

 


<body>에 넣을 자바스크립트 코드

<script type="text/javascript">

    function oneCheckbox(a){

        var obj = document.getElementsByName("s_addr");

        for(var i=0; i<obj.length; i++){

            if(obj[i] != a){

                obj[i].checked = false;

            }

        }

    }

</script>

 

<body>에 위치한 "체크박스" 설정 코드

     <li><input type="checkbox" 
     		id="s_seoul" name="s_addr" value="서울" onclick="oneCheckbox(this)"> 서울</li>

 

 

 

정리

 

728x90
반응형

댓글