PLUGIN

플러그인 사용을 위해선 도메인을 등록해야 합니다.
플러그인을 설치할 사이트의 도메인을 등록 후 사용법에 따라 이용해 주세요.

designRadio_1.0.js

브라우저 종류에 관계 없이 라디오버튼에 스타일을 적용할 수 있게 해주는 플러그인

사용법

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="//work6.kr/plugin/plugin_link/40"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">

<style>
label{
    color:#fff;
}
label.radio{
    width: 12px;
    height: 12px;
    display: inline-block;
    border: 1px solid #e2e2e2;

    border-radius: 50%;
    vertical-align: top;
    margin-top: 0px;
    margin-right:3px;
    background: #fff;
}
label.radio i{
    display:none;
    color:#111;
}
input[type=radio]:checked + label i{
    display:block;
}

</style>

<script>
$(function(){
    $('body').designRadio();
});    
</script>

<body>
    <label><input type="radio" name="test" value="" checked>선택1</label>&nbsp;
    <label><input type="radio" name="test" value="">선택2</label>
</body>

 

 

 

 

설치방법

 

1. Line6 ~ 27 : 스타일을 복사 그리고 붙여넣기 합니다. 자신에게 맞게 부분적으로 수정 합니다.

 

2. Line1 : 제이쿼리를 설치 및 연결 합니다.

 

3. Line2 : 플러그인 사용하기 후 도메인을 등록 합니다. 코드를 복사 그리고 붙여넣기 합니다.

 

4. Line3 : fontawesome 을 추가 합니다.

 

5. Line32 ~ 34 : 스크립트를 복사 그리고 붙여넣기 합니다.

 

 
 
 
 
 
Install
 

1. Line 6 ~ 27: Copy and paste the style. Partially corrected to you.

 

2. Line1: Request for installation and connection to jquery.

 

3. Line2: Register the domain after using the plug-in. Copy and paste code.

 

4. Line3: Add fontawesome.

 

5. Line32 ~ 34: Try copying and replying.

 
 
 
 
 
 
※ 플러그인 문의는 CONTACT US를 이용해 주세요.