Simple jquery mimics the radio button effect

Just started to learn jquery, some of the work in the CSS form the button beautification is very troublesome, so think of jquery to replace, the check box jquery is easy, is the simple style switch effect, with the Toggleclass () method can be.

And the radio box has not known how to do, because in the Radio box to select one, the other must remove the style, if the 2 radio box in the same class with siblings () you can directly find the other radio box to remove the style. In view of their work is a circular list mode, each <li> inside with a single box, not found in jquery, the parent () this easy-to-use method, so that the tangled half a day.

<! doctype html public  "-//w3c//dtd xhtml 1.0 transitional//en"   "HTTP// Www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
The effect is as follows: Only one style can be added anyway. Case-to-time upload ...
650) this.width=650; "src=" Http://s2.51cto.com/wyfs02/M02/83/28/wKioL1dr503x2uQWAAAK0jQVEVM840.jpg "title=" 36020160623214223937.jpg "alt=" Wkiol1dr503x2uqwaaak0jqvevm840.jpg "/>
Simple jquery mimics the radio button effect