Javascript 执行操作后显示页面的一部分

我有一段如下的html代码：

  <p>Do you want a graph ?</p>
                <div class="selection spacing clearfix">
                    <input type="radio" name="graph" value="Yes">Yes<br> <input
                        type="radio" name="graph" value="No">No<br>
                </div>

您想要图形吗

是
否

下一部分是这样的：

<p>Which graphs do you want ?</p>           

                 <input type="checkbox" name="graphs" value="Blocker">Blocker<br>
                 <input type="checkbox" name="graphs" value="Critical">Critical<br>
                 <input type="checkbox" name="graphs" value="Major">Major<br>
                 <input type="checkbox" name="graphs" value="Minor">Minor<br>

您想要哪些图形？

阻滞剂

关键的

专业

小调

---

我希望html的第二部分仅在用户单击第一部分中的“是”时显示。我正试图用谷歌搜索它，但没有得到太多的信息。有人能帮我吗？

将第二部分用类似的块元素包装，并在其上提供display:none属性

  <p>Do you want a graph ?</p>
  <div class="selection spacing clearfix">
    <input type="radio" name="graph" value="Yes" class="js-show">Yes<br> 
    <input type="radio" name="graph" value="No" class="js-hide">No<br>
  </div>

  <div class="js-place">
    <p>Which graphs do you want ?</p>           
    <input type="checkbox" name="graphs" value="Blocker">Blocker<br>
    <input type="checkbox" name="graphs" value="Critical">Critical<br>
    <input type="checkbox" name="graphs" value="Major">Major<br>
    <input type="checkbox" name="graphs" value="Minor">Minor<br>
  </div>

<div id="#checkBoxDiv" style="display:none">
<p>Which graphs do you want ?</p>           

                 <input type="checkbox" name="graphs" value="Blocker">Blocker<br>
                 <input type="checkbox" name="graphs" value="Critical">Critical<br>
                 <input type="checkbox" name="graphs" value="Major">Major<br>
                 <input type="checkbox" name="graphs" value="Minor">Minor<br>
</div>

---

实际上，这只能用css来完成

如果你喜欢，就投票吧

看看这个：

css:

HTML:

我在这里只是因为你想要我

您是否尝试过javascript代码？如果是，请发布它？@Karthik，尝试一些东西，例如，尝试在googleThanx bro中搜索：“点击元素切换其他元素jquery！”！我查过这个，但不知道怎么用。

<div id="#checkBoxDiv" style="display:none">
<p>Which graphs do you want ?</p>           

                 <input type="checkbox" name="graphs" value="Blocker">Blocker<br>
                 <input type="checkbox" name="graphs" value="Critical">Critical<br>
                 <input type="checkbox" name="graphs" value="Major">Major<br>
                 <input type="checkbox" name="graphs" value="Minor">Minor<br>
</div>

$('#checkBoxDiv').css('display','block');

div {
display: none;
}
input[type="radio"]:checked+div {
display: block;
}

<input type="radio" name="graph" value="no" />
<input type="radio" name="graph" value="yes" />
<div> I am here only because u wanna graphs </div>