激活单选按钮时显示 div [重复]答案

【问题标题】：Show div when radio button is activated [duplicate]激活单选按钮时显示 div [重复]
【发布时间】：2015-11-12 17:42:42
【问题描述】：

我正在尝试像already asked question 一样做同样的事情。问题：我有 40 个要显示的 div，我不希望每个 10 行代码...

关于这个话题，有没有人可以给点建议？谢谢各位。 :)

【问题讨论】：

你试过什么？？显示代码
答案也应该对你有用，除了你可以使用一个类而不是使用一个 id。或者，您可以将 40 个 div 放入一个 div 中，其 id 类似于链接答案中的 id。
@ManojDhiman 到目前为止没有代码，因为我不知道如何在没有混乱代码的情况下处理这种情况。

标签： javascript jquery html css show-hide

【解决方案1】：

试试这个。您只需要将 id 替换为 class。

在您发表评论之后。这里有两个演示 demo1 和 demo2 我想您想要这样的东西。它显示下一个带有 selection 的 div 。如果你想显示保存 div.then 更改

var value=$(this).attr('value'); 到 var value=$(this).attr('value')-1;

$(document).ready(function() {
   $('input[type="radio"]').click(function() {
       $('.show-me').hide();
       var value=$(this).attr('value');
       $( ".show-me:eq("+value+")" ).show();
   });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<form id='form-id'>
    <input value='1' name='test' type='radio' />radio1
    <input value='2' name='test' type='radio' />radio2
    <input value='3' name='test' type='radio' />radio3
    <input value='4' name='test' type='radio' />radio4
    <input value='5' name='test' type='radio' />radio5<br />
    <input value='6' name='test' type='radio' />radio6
    <input value='7' name='test' type='radio' />radio7
    <input value='8' name='test' type='radio' />radio8
    <input value='9' name='test' type='radio' />radio9
    <input value='10' name='test' type='radio' />radio10
    
</form>
    <div class='show-me' style='display:none'>Div 1</div>
    <div class='show-me' style='display:none'>Div 2</div>
    <div class='show-me' style='display:none'>Div 3</div>
    <div class='show-me' style='display:none'>Div 4</div>
    <div class='show-me' style='display:none'>Div 5</div>
    <div class='show-me' style='display:none'>Div 6</div>
    <div class='show-me' style='display:none'>Div 7</div>
    <div class='show-me' style='display:none'>Div 8</div>
    <div class='show-me' style='display:none'>Div 9</div>
    <div class='show-me' style='display:none'>Div 10</div>

【讨论】：

谢谢你的答案......但这不是我正在寻找的。我正在寻找显示下一个 div 的东西。因此，它并不是真正的重复。就像我点击第一个，第二个出现。当我点击第二个时，第三个就会出现，依此类推。有点难以解释。