체크박스 중복 체크 방지

** 스크립트

<script type="text/javascript">
var cnt=0;
function checkTree(){     
    var tree = document.getElementsByName("chk_tree");     
    tree[0].checked = true;     
 
    for(i=1; i<tree.length; i++){         
        if(tree[i].checked == true && cnt != i){            
            if(cnt != 0)  tree[cnt].checked = false;            
            cnt = i;            
            break;         
        }    
    }    
    if(i == 10){        
        tree[0].checked = false;        
        cnt=0;    
    }
} 
</script>

** JSP

<input type="checkbox" name="chk_tree" disabled="disabled"/>기본도</span></div>
<input type="checkbox" name="chk_tree" value="1" onclick="checkTree()"/>연속지적</span></div>
<input type="checkbox" name="chk_tree" value="2" onclick="checkTree()"/>행정구</span></div>

위와같이 document.getElementsByName("체크박스Name") 으로 가져와도 되고 아래 처럼 jQuery를 이용해도 된다.

$("input[name='chk_tree']").click(function(){
    var checked = [];
    
    checked.push(parseInt($(this).val()));
    for(var i=0;checked.length;i++) alert(checked[i]);
});