jquery 各种不同效果的自定义美化input radio checkbox 单选框和复选框美化-freejs.net代码演示

首页>>表单>>jquery 各种不同效果的自定义美化input radio checkbox 单选框和复选框美化(2013-12-29)

jquery 各种不同效果的自定义美化input radio checkbox 单选框和复选框美化

本列更加简洁

css和js文件请到演示页面查看源码

XML/HTML Code

<input type="radio" name="reading" value="0" id="reading_0" /> <label for="reading_0">Very much</label>
<input type="radio" name="reading" value="1" id="reading_1" /> <label for="reading_1">Sometimes</label>
<input type="radio" name="reading" value="2" id="reading_2" /> <label for="reading_2">Better watch movie</label>
<input type="radio" name="reading" value="3" id="reading_3" /> <label for="reading_3">Hate it</label><br>
<br>
<label><input type="checkbox" name="think" value="0" /> Self</label>
<label><input type="checkbox" name="think" value="1" /> Money</label>
<label><input type="checkbox" name="think" value="2" /> Stuff</label>
<label><input type="checkbox" name="think" value="3" /> Health</label>
<label><input type="checkbox" name="think" value="4" /> Work</label>
<label><input type="checkbox" name="think" value="5" checked /> Rest</label>
<label><input type="checkbox" name="think" value="6" disabled checked /> Sex</label>
<script>
$(function(){
$("input[type='radio'], input[type='checkbox']").ionCheckRadio();
});
</script>