Jquery Mobileでコントロールグループのスタイルを設定する

Question

私は、3つのラジオボタンをグループ化したコントロールグループを用意しています。それぞれのボタンをクリックすると、そのボタンに色を付けることです。 「赤」をクリックすると、「赤」

コードが

<div data-role="fieldcontain"> 
<fieldset data-role="controlgroup" data-type="horizontal"> 
    <input type="radio" name="rd1" id="rd1" value="R" /> 
    <label for="rd1">Red</label> 
    <input type="radio" name="rd2" id="rd2" value="G" /> 
    <label for="rd2">Green</label> 
    <input type="radio" name="rd3" id="rd3" value="B" /> 
    <label for="rd3">Blue</label> 
</fieldset> 

を下回っている誰かがこの上で私を助けてくださいするには、ボタンの色を変更します。

Answer 1

ライブ例：

• http://jsfiddle.net/phillpafford/fAYEw/5/

JS

$('input[name=rdColor]').change(function() { 
    $(this).next().addClass($(this).val()); 
}); 

HTML

<div data-role="page" id="home"> 
    <div data-role="content"> 
     <div data-role="fieldcontain"> 
      <fieldset data-role="controlgroup" data-type="horizontal"> 
       <input type="radio" name="rdColor" id="rd1" value="R" /> 
       <label for="rd1">Red</label> 
       <input type="radio" name="rdColor" id="rd2" value="G" /> 
       <label for="rd2">Green</label> 
       <input type="radio" name="rdColor" id="rd3" value="B" /> 
       <label for="rd3">Blue</label> 
      </fieldset> 
     </div> 
    </div> 
</div> 

CSS

.R { 
    background:red; 
} 

.B { 
    background:blue; 
} 

.G { 
    background:green; 
}