I have used this , to get animated check box.
This is for grid view.
<div class="onoffswitch">
<input name="onoffswitch" class="onoffswitch-checkbox" id='chk<%# ((GridViewRow)Container).RowIndex %>'onclick="javascript: isActiveChange('chk<%# ((GridViewRow)Container).RowIndex %>');" type="checkbox">
<label class="onoffswitch-label" for='chk<%# ((GridViewRow)Container).RowIndex %>'>
</label>
</div>
This is for pop up.
<div class="onoffswitch">
<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="chkIU" onclick="javascript: isActiveChange('chkIU');">
<label class="onoffswitch-label" for="chkIU">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>