Un-group of jquery radio button widget

Question

Я начинаю изучать jQuery, и у меня есть сценарий; У меня есть страница, где есть 3x3 набора радиоустановок jQuery. Каждый набор из них независим, чтобы сделать видимыми 9 разных div. После того как вы выбрали swap на странице div.

Но всякий раз, когда я добавляю 3 формы на страницу, результат группируется. Значения btn # 1 из Frm # 2 выбираются, когда я выбираю btn # 1 из Frm # 1 и аналогично для остальных.

Вот 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

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

Выход смешно, но не то, что я требовал ...

Answer 1

Вы не можете иметь несколько элементов с тем же идентификатором на той же странице.