首页>>表单>>jQuery实现美化版的单选框和复选框 类似button按钮的单选 复选框(2017-06-14)

jQuery实现美化版的单选框和复选框 类似button按钮的单选 复选框

jQuery实现美化版的单选框和复选框 类似button按钮的单选 复选框
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <ul class="dowebok">  
  2.     <li><input type="radio" name="radio" data-labelauty="视觉设计师"></li>  
  3.     <li><input type="radio" name="radio" data-labelauty="交互设计师"></li>  
  4.     <li><input type="radio" name="radio" data-labelauty="前端工程师"></li>  
  5.     <li><input type="radio" name="radio" data-labelauty="数据分析师"></li>  
  6.     <li><input type="radio" name="radio" disabled data-labelauty="不可用"></li>  
  7. </ul>  
  8.   
  9. <hr>  
  10.   
  11. <h3>您擅长的技能（复选框）</h3>  
  12. <ul class="dowebok">  
  13.     <li><input type="checkbox" name="checkbox" disabled checked data-labelauty="HTML"></li>  
  14.     <li><input type="checkbox" name="checkbox" data-labelauty="CSS"></li>  
  15.     <li><input type="checkbox" name="checkbox" data-labelauty="JavaScript"></li>  
  16.     <li><input type="checkbox" name="checkbox" data-labelauty="SEO"></li>  
  17.     <li><input type="checkbox" name="checkbox" data-labelauty="PHP"></li>  
  18.     <li><input type="checkbox" name="checkbox" data-labelauty="JAVA"></li>  
  19.     <li><input type="checkbox" name="checkbox" data-labelauty=".NET"></li>  
  20. </ul>  

 


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