Javascript 使用切换选择新rado按钮时隐藏div

当我单击单选按钮时，如果它是列表中的最后一个单选按钮，它会显示所有隐藏的div，并且在我选择另一个单选按钮时不会关闭所有打开的div。我知道我很接近…但是错过了一些东西

    $(document).ready(function() {
      $('input').on('change',function(){
      $(".groupNumber").hide().filter(":lt(" + this.value + ")").slideToggle("slow");
      });
    });

我以为我是通过在链的开头加上“隐藏”来处理它的

Html

各分区如下：

<div id="grp1" class="groupNumber">Content Here</div>
<div id="grp2" class="groupNumber">Content Here</div>
<div id="grp3" class="groupNumber">Content Here</div>

这里的内容
满足于此
满足于此

---

我想要的是相应单选按钮的div，使其可见并关闭可能打开的任何其他单选按钮。

这是因为您使用的是

lt

，您应该使用

eq

。试试这个

使用

lt

您得到的所有div小于要显示的索引值，因此它将显示该div和之前的所有div。相反，只需使用

eq

从集合中获取要显示的div

$(document).ready(function() {
      $('input').on('change',function(){
       $(".groupNumber").hide().eq((+this.value -1)).slideToggle("slow");//Probably Slide toggle probably doesn't make sense here as change event won't be triggered if you select the same option again.
      });
    });

---

这是因为您使用的是

lt

，您应该使用

eq

。试试这个

使用

lt

您得到的所有div小于要显示的索引值，因此它将显示该div和之前的所有div。相反，只需使用

eq

从集合中获取要显示的div

$(document).ready(function() {
      $('input').on('change',function(){
       $(".groupNumber").hide().eq((+this.value -1)).slideToggle("slow");//Probably Slide toggle probably doesn't make sense here as change event won't be triggered if you select the same option again.
      });
    });

---

你到底想发生什么？你的HTML是什么？我不确定我是否理解你对网站评论系统的反对（代码应该总是添加到问题中，坦率地说，在评论中是不可读的）；但也许那是因为我已经习惯了。如果你觉得它缺乏可用性，你可以随时尝试发布一个功能请求？（注意：我的评论是对内容的回应，因为（正确地）已从问题中删除；请检查编辑历史以了解上下文。）您到底希望发生什么？你的HTML是什么？我不确定我是否理解你对网站评论系统的反对（代码应该总是添加到问题中，坦率地说，在评论中是不可读的）；但也许那是因为我已经习惯了。如果你觉得它缺乏可用性，你可以随时尝试发布一个功能请求？（注意：我的评论是对内容的回应，因为（正确地）从问题中删除了；请查看编辑历史以了解上下文。）谢谢……这样做了。谢谢你的帮助。@Amidude哇，就是这样？不客气。这是我对html外观的猜测。看到您现在用标记更新了您的问题。：）请考虑把你的相关标记下一次你张贴，这样你会得到快速答案，因为你张贴你的问题…谢谢……就这样。谢谢你的帮助。@Amidude哇，就是这样？不客气。这是我对html外观的猜测。看到您现在用标记更新了您的问题。：）请考虑把你的相关标记下一次你张贴，这样你会得到快速答案，因为你张贴你的问题…