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

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

本站之前发过类似的文章《jquery 各种不同效果的自定义美化input radio checkbox 单选框和复选框美化》

本列更加简洁

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

演示

 

 

XML/HTML Code

<input type="radio" name="reading" value="0" id="reading_0" /> <label for="reading_0">Very muchlabel>
<input type="radio" name="reading" value="1" id="reading_1" /> <label for="reading_1">Sometimeslabel>
<input type="radio" name="reading" value="2" id="reading_2" /> <label for="reading_2">Better watch movielabel>
<input type="radio" name="reading" value="3" id="reading_3" /> <label for="reading_3">Hate itlabel><br>
<br>
<label><input type="checkbox" name="think" value="0" /> Selflabel>
<label><input type="checkbox" name="think" value="1" /> Moneylabel>
<label><input type="checkbox" name="think" value="2" /> Stufflabel>
<label><input type="checkbox" name="think" value="3" /> Healthlabel>
<label><input type="checkbox" name="think" value="4" /> Worklabel>
<label><input type="checkbox" name="think" value="5" checked /> Restlabel>
<label><input type="checkbox" name="think" value="6" disabled checked /> Sexlabel>
<script>
$(function(){
    $("input[type='radio'], input[type='checkbox']").ionCheckRadio();
});
script>

 

原文地址:http://www.freejs.net/article_biaodan_206.html