jqueryラジオボタンウィジェットのグループ化解除

Question

私はjQueryを学習する初心者です。私は3x3セットのjQueryラジオボタンセットがあるページを持っています。各セットは独立しており、目に見える9つの異なるdivを作成します。選択されると、ページ上のdivをスワップします。

しかし、ページに3つのフォームを追加するたびに、出力がグループ化されます。 Frm＃1のbtn＃1を選択するとFrm＃2のbtn＃1が選択され、その他のFrm＃2も同様に選択されます。ここで

はHTMLここ

<div class="pkg_sldr_1" align="center"> 
    <form name="form1"> 
    <div id="radioset1"> 
     <input type="radio" id="radio1" name="radio" checked="checked" /><label for="radio1">Small</label> 
     <input type="radio" id="radio2" name="radio" /><label for="radio2">Medium</label> 
     <input type="radio" id="radio3" name="radio" /><label for="radio3">Large</label> 
    </div> 
</form>   
</div> 

<div class="pkg_sldr_2" align="center"> 
    <form name="form2"> 
    <div id="radioset2"> 
     <input type="radio" id="radio1" name="radio" checked="checked" /><label for="radio1">Small</...... 

であるjQueryの機能であるあなたが複数の要素を持つことができません

Answer 1

  <script> 
      $(function() { 
      $("#radioset1").buttonset(); 
      $("#radioset2").buttonset(); 
      $("#radioset3").buttonset(); 
      }); 
      </script> 

出力は面白いですが、私は必要ないものを...同じIDで同じページに表示されます。