Rev. 2.73

채크 되는 곳을 마우스로 찍어서 드래그 해보세요~

체크박스 1
체크박스 2
체크박스 3
체크박스 4
체크박스 5
체크박스 6
체크박스 7
체크박스 8
체크박스 9
체크박스 10

소스 내용

<form name="dragchkform" method="get"> 
<input type="checkbox" name="dragchk"> 체크박스 1<br> 
<input type="checkbox" name="dragchk"> 체크박스 2<br> 
<input type="checkbox" name="dragchk"> 체크박스 3<br> 
<input type="checkbox" name="dragchk"> 체크박스 4<br> 
<input type="checkbox" name="dragchk"> 체크박스 5<br> 
<input type="checkbox" name="dragchk"> 체크박스 6<br> 
<input type="checkbox" name="dragchk"> 체크박스 7<br> 
<input type="checkbox" name="dragchk"> 체크박스 8<br> 
<input type="checkbox" name="dragchk"> 체크박스 9<br> 
<input type="checkbox" name="dragchk"> 체크박스 10<br> 
</form> 
<script language="javascript"> 
var dragchkstat = "off"; 
function dragchkNOOP() { return false; } 
function dragchkOnMouseDown() { 
        if (this.checked) { 
                dragchkstat = "uncheck"; this.checked = false; 
        } else { 
                dragchkstat = "check"; this.checked = true; 
        } 
        return false; 
} 
function dragchkOnMouseOver() { 
        switch (dragchkstat) { 
                case "off": 
                        break; 
                case "check": 
                        this.focus(); this.checked = true; break; 
                case "uncheck": 
                        this.focus(); this.checked = false; break; 
        } 
        return false; 
} 
function dragchkOnMouseUp() { dragchkstat = "off"; return true; } 
for (i = 0; i < document.dragchkform.dragchk.length; i++) { 
        document.dragchkform.dragchk[i].onclick = dragchkNOOP; 
        document.dragchkform.dragchk[i].onmousedown = dragchkOnMouseDown; 
        document.dragchkform.dragchk[i].onmouseover = dragchkOnMouseOver; 
        document.onmouseup = dragchkOnMouseUp; 
} 
</script>

Comments

Got something to add? You can just leave a comment.

Your Reaction Time!

captcha

avatar