Javascript 从带有show hide div的组中选择一个单选按钮

我正在延长我的任期。我现在正在尝试，如果选择了其中一个单选按钮，则默认情况下其他单选按钮应取消选择

我尝试添加以下内容：

JS

HTML

但根据上述代码，只有单选按钮是选择和取消选择。与单选按钮连接的show and hide div不在上面显示和隐藏

---

有人能帮我吗？

你搞错了，其实很简单。如果两个广播框有效地回答了同一个问题，那么您所需要做的就是为这两个元素赋予相同的名称。然后处理div的显示和隐藏，你可以这样做-

函数Show\u div\u id，元素{ $input[name='radio1'].notelement.parent.next'div.hide250； 如果！$Div_id.is'：可见{ $Div_id.prev.children.prop'checked'，true； $Div_id.show250； }否则{ $Div_id.prev.children.prop'checked'，false； $Div_id.hide250； } } 花1

花是粉红色的。 花2

花是橙色的。

---

将Show_Div_2替换为Show_Div'Div_2'。如果您可以单击它，则表示您可以看到它。is'：visible'应始终返回true。那么，测试你已经知道是真的有什么意义吗？我肯定错过了一些东西。。。应该是“Div_2”。。。虽然我不喜欢内联JS.By设计，但当几个单选按钮的name属性值相同时，一次只能选择一个。选择一个取消选择以前选择的任何选项。。我们是想在这里重新发明轮子吗？@John C:我的show and hide div代码无法正常工作。嗨@kiran，请查看我的最新答案和show/hide功能@John C:请查看我之前的问题。链接在我上面的问题中。我有显示和隐藏图像和单选按钮的功能。现在有了这个解决方案，我还需要上面的问题功能。@kiran类似的东西？

function Show_Div(Div_id) {
  if (!$(Div_id).is(':visible')) {
    $(Div_id).prev().children().prop('checked', true);
    $(Div_id).show(250);
  } else {
    $(Div_id).prev().children().prop('checked', false);
    $(Div_id).hide(250);
  }
}
    function cbChange1(obj) {
        var cb1 = document.getElementsByClassName("cb1");
        for (var i = 0; i < cb1.length; i++) {
            cb1[i].checked = false;
        }
        obj.checked = true;
    }

<img src="http://icons.iconarchive.com/icons/paomedia/small-n-flat/1024/flower-icon.png" alt="" onclick="Show_Div(Div_1)" width="100px">
    <p>
      <input type="radio" onclick="Show_Div(Div_1)" class="cb1" onchange="cbChange1(this)">Flower 1</p>
    <div id="Div_1" style="display: none;">
      Flower is pink.
    </div>
    <br/>
    <br/>

    <img src="http://www.clker.com/cliparts/0/d/w/v/V/p/pink-flower-md.png" alt="" onclick="Show_Div(Div_2)" width="100px">
    <p>
      <input type="radio" onclick="Show_Div(Div_2)" class="cb1" onchange="cbChange1(this)">Flower 2</p>
    <div id="Div_2" style="display: none;">
      Flower is orange.
    </div>