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

Question

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

但是每当我在一个页面上添加3个表单时，输出就会被分组。意味着当我选择Frm#1的btn#1时，Frm#2的btn#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的元素。