jquery mobile radio düğme simgesi

Question

Merhaba Gruplandırılmış bir radyo düğmem var (gruplandırıldığında normal jquery düğmelerine benziyorlar). ve metin yerine, üzerinde görüntülenecek bir simge (veya küçük bir resim) istiyorum. Birisi bana jquery mobilde bunu nasıl yapabilirim öğretebilir mi?

Answer 1

Canlı Örnek:

• http://jsfiddle.net/uZeDz/6/

Örnek:

<div data-role="page" id="radio-icons"> 
    <div data-role="content"> 
     <div data-role="fieldcontain"> 
      <fieldset data-role="controlgroup"> 
       <legend>Choose a pet:</legend> 
        <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" /> 
       <label for="radio-choice-1"><img src="http://cdn2.iconfinder.com/data/icons/Snow/Snow/snow/Cat.png" /></label> 

        <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" /> 
       <label for="radio-choice-2"><img src="http://images.findicons.com/files/icons/8/dog/48/48_dog4.png" /></label> 

        <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" /> 
       <label for="radio-choice-3"><img src="http://icon.downv.com/32x32/5/142/1070746.0048c51761d5b53e5a2297e458ba0ff7.gif" /></label> 

        <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" /> 
        <label for="radio-choice-4"><img src="http://cdn6.droidmill.com/media/market-media/com.tinyminds.android.widgets.lizardbattery_icon.png" /></label> 
      </fieldset> 
     </div> 
    </div> 
</div>