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的元素。

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

1 个答案: