jQuery 改变checkbox和radio select的样式

风飞飘扬 2014-06-24

jQuery 改变checkbox和radio select的样式

 
jQuery 改变checkbox和radio select的样式
XML/HTML Code
  1. <div class="content">  
  2. <h1>CHECKBOX</h1>  
  3. <h3>Custom Checkbox Styling</h3>  
  4. <!-- Custom Checkbox Styling -->  
  5. <input type="checkbox" class="checkbox" checked />  
  6. <h2>Code</h2>  
  7. <code>$('.checkbox').checkBox();</code>  
  8. <hr/>  
  9. <h1>RADIO</h1>  
  10. <h3>Custom Radio Button Styling</h3>  
  11. <!-- Custom Radio Button Styling -->  
  12. <input type="checkbox" class="checkbox" checked />  
  13. <input type="radio" name="radio" class="radio" value="1" checked/>  
  14. <input type="radio" name="radio" class="radio" value="2" />  
  15. <input type="radio" name="radio" class="radio" value="3" />  
  16. <h2>Code</h2>  
  17. <code>$('.radio').radio();</code>  
  18. <hr/>  
  19. <h1>DROPDOWN</h1>  
  20. <h3>Custom Select Dropdown</h3>  
  21. <!-- Custom Select Dropdown -->  
  22. <select class="select" name="select" tabindex="1">  
  23. <option value="1">Click me and see</option>  
  24. <option value="2">All the cool stuff</option>  
  25. <option value="3">That I can do</option>  
  26. <option value="4">I need a long phrase</option>  
  27. <option value="5">In order to illustrate</option>  
  28. <option value="6">How this element handles</option>  
  29. <option value="7">Different text lengths</option>  
  30. <option value="8">And long options lists</option>  
  31. <option value="9">Because we are grown ups.</option>  
  32. </select>  
  33.  </div>  


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

相关推荐