Javascript 我的“在收音机输入上显示或隐藏DIV”单击有问题

不知道为什么，我的jquery代码用于隐藏一个最初显示的div，并首次显示另一个带有“数据值”的div。 之后，即使选择了其他单选按钮，它也只显示显示的div（第一次的另一个div）

包含jquery:

我的css

.stbr{
display: none;
}

我的html

<input name='stb' type='radio' data-value='1' value='value'>
<input name='stb' type='radio' data-value='2' value='value'>
<input name='stb' type='radio' data-value='3' value='value'>

<div class="stbr" style="display: block;">
initial div
<div>
<div id="stb1" class="stbr">
first shown another div
<div>
<div id="stb2" class="stbr">
second div
<div>
<div id="stb3" class="stbr">
third div
<div>`

初始div
首先显示另一个div
第二组
第三组
`

我的jquery代码

<script src="./lib/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $('input[type="radio"]').click(function(){

    var stb = document.querySelector("input");
    var demovalue = stb.getAttribute("data-value");
    $("div.stbr").hide();
    $("#stb"+demovalue).show();
    });
});
</script>

$（文档）.ready（函数（）{
$（'input[type=“radio”]”）。单击（函数（）{
var stb=document.querySelector（“输入”）；
var demovalue=stb.getAttribute（“数据值”）；
$（“div.stbr”）.hide（）；
$（“#stb”+demovalue）.show（）；
});
});

我需要在单击数据值为1的无线电输入时获得第一个div 单击数据值为2的无线电输入时的第二个div 等等

---

请帮助…任何人

事实上，您在这里有几个问题和打字错误。您应该使用

关闭标签，并从单击的单选按钮中获取demovalue，如下所示：

$（文档）.ready（函数（）{
$（'input[type=“radio”]”）。单击（函数（）{
var stb=这个；
var demovalue=stb.getAttribute（“数据值”）；
$（“div.stbr”）.hide（）；
$（“#stbr”+demovalue）.show（）；
});
});
.stbr{
显示：无；
}

初始div
首先显示另一个div
第二组
第三组
您只隐藏初始元素，而应在无线电更改时隐藏所有元素。将
stbr
添加到
stbr1
，
stbr2
和
stbr3
现在可以了吗？我已经将divs类添加到
stbr
中，应该可以了。你已经测试过了吗？它对你有用吗？它不起作用我在这里测试过：
$（“#stb”+demovalue）
->
$（“#stbr”+demovalue）