jquery移動單選按鈕圖標

Question

嗨我有一個分組單選按鈕（它們看起來像正常jquery按鈕時分組）。而不是文字，我想顯示一個圖標（或一個小圖像）。任何人都可以教我如何在jQuery手機上做到這一點？

Answer 1

活生生的例子：

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

例子：

<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>