首页>>表单>>一个很简单的jQuery自定义单选按钮复选框样式特效(2017-09-13)

一个很简单的jQuery自定义单选按钮复选框样式特效

一个很简单的jQuery自定义单选按钮复选框样式特效

 

XML/HTML Code
  1. <form>  
  2.     <p>  
  3.         单选框  
  4.         <lable>  
  5.             <i class='input_style radio_bg'><input type="radio" name="hot" value="1"></i>  
  6.             a1  
  7.         </lable>  
  8.         <lable>  
  9.             <i class='input_style radio_bg'><input type="radio" name="hot" value="2"></i>  
  10.             a2  
  11.         </lable>  
  12.         <lable>  
  13.             <i class='input_style radio_bg'><input type="radio" name="hot" value="3"></i>  
  14.             a3  
  15.         </lable>  
  16.         <lable>  
  17.             <i class='input_style radio_bg'><input type="radio" name="hot" value="4"></i>  
  18.             a4  
  19.         </lable>  
  20.         <lable>  
  21.             <i class='input_style radio_bg'><input type="radio" name="hot" value="5"></i>  
  22.             a5  
  23.         </lable>  
  24.     </p>  
  25.     <p>  
  26.         复选框  
  27.         <lable>  
  28.             <i class='input_style checkbox_bg'><input type="checkbox" name="q" value="11"></i>  
  29.             b1  
  30.         </lable>  
  31.         <lable>  
  32.             <i class='input_style checkbox_bg'><input type="checkbox" name="w" value="22"></i>  
  33.             b2  
  34.         </lable>  
  35.         <lable>  
  36.             <i class='input_style checkbox_bg'><input type="checkbox" name="e" value="33"></i>  
  37.             b3  
  38.         </lable>  
  39.         <lable>  
  40.             <i class='input_style checkbox_bg'><input type="checkbox" name="r" value="44"></i>  
  41.             b4  
  42.         </lable>  
  43.     </p>  
  44.   
  45.     <input type="submit" value="提交">  
  46. </form>  

 


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