取消分组的jquery单选按钮部件

Question

我是一个学习jQuery的新手，我有一个场景;我有一个页面，其中有3x3套jQuery单选按钮集。每组都有独立的可见9个不同的div。一旦选择交换页面上的div。

但是，无论何时在页面上添加3个窗体，输出都会被分组。当我选择Frm＃1的btn＃1时，选择Frm＃2的方式＃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

你不能有多个元素在同一页面上使用相同的ID。