open:basic-on-off-toggle-switches-in-jquery-switcher [EL]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.

# Basic ON/OFF Toggle Switches In jQuery - Switcher

## 다운로드 

[홈페이지](https://www.jqueryscript.net/form/ON-OFF-Toggle-Switches-Switcher.html)에서 파일 다운로드

## 파일 복사

- css/switcher.css
- js/jquery.switcher.min.js

## include

<code html>
<link rel="stylesheet" href="<c:url value='/css/switcher.css'/>">
<script type="text/javascript" src="<c:url value='/js/jquery.switcher.min.js'/>"></script>
</code>

## switcher

<code js>
$(function(){
   $.switcher();
});
</code>

## 이벤트 정의

<code js>
$(function () {
    $.switcher();

    $("#checkboxShowPosition").change(function(){
        if($("#checkboxShowPosition").is(":checked")){
            alert("체크박스 체크했음!");
        }else{
            alert("체크박스 체크 해제!");
        }
    });
});
</code>



## 출처 

- https://www.jqueryscript.net/form/ON-OFF-Toggle-Switches-Switcher.