별도의 js 및 이미지 없이 스타일링이 적용된 Checkbox & Radio Inputs을 이용할 수 있습니다.

Checkbox 체크박스 체크박스(checked) 체크박스(disabled) 체크박스(checked + disabled)

<label class="xe-label">
    <input type="checkbox">
    <span class="xe-input-helper"></span>
    <span class="xe-label-text">체크박스</span>
</label>
<label class="xe-label">
    <input type="checkbox" checked="checked">
    <span class="xe-input-helper"></span>
    <span class="xe-label-text">체크박스(checked)</span>
</label>
<label class="xe-label">
    <input type="checkbox" disabled="disabled">
    <span class="xe-input-helper"></span>
    <span class="xe-label-text">체크박스(disabled)</span>
</label>
<label class="xe-label">
    <input type="checkbox" disabled="disabled" checked="checked">
    <span class="xe-input-helper"></span>
    <span class="xe-label-text">체크박스(checked + disabled)</span>
</label>
                    

Radio 라디오 라디오(checked) 라디오(disabled) 라디오(checked + disabled)

<label class="xe-label">
    <input type="radio">
    <span class="xe-input-helper"></span>
    <span class="xe-label-text">라디오</span>
</label>
<label class="xe-label">
    <input type="radio" checked="checked">
    <span class="xe-input-helper"></span>
    <span class="xe-label-text">라디오(checked)</span>
</label>
<label class="xe-label">
    <input type="radio" disabled="disabled">
    <span class="xe-input-helper"></span>
    <span class="xe-label-text">라디오(disabled)</span>
</label>
<label class="xe-label">
    <input type="radio" disabled="disabled" checked="checked">
    <span class="xe-input-helper"></span>
    <span class="xe-label-text">라디오(checked + disabled)</span>
</label>