Javascript Html查找和隐藏文本

我有一些类似这样的html：

<p>a. Is there a skin and/or scar condition?
    <br>
    <input id="ucWSDBQ_CheckBox3" type="checkbox" name="ucWSDBQ$CheckBox3">
    <label for="ucWSDBQ_CheckBox3"></label>Yes&nbsp;&nbsp;&nbsp; &nbsp;
    <input id="ucWSDBQ_CheckBox5" type="checkbox" name="ucWSDBQ$CheckBox5">
    <label for="ucWSDBQ_CheckBox5"></label>No
    <br>&nbsp;&nbsp;&nbsp;&nbsp; If yes, check all that apply and complete the corresponding DBQ(s):
    <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;
    <input id="ucWSDBQ_CheckBox6" type="checkbox" name="ucWSDBQ$CheckBox6">
    <label for="ucWSDBQ_CheckBox6"></label>&nbsp;<b>Skin Diseases DBQ<br> </b>&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;
    <input id="ucWSDBQ_CheckBox7" type="checkbox" name="ucWSDBQ$CheckBox7">
    <label for="ucWSDBQ_CheckBox7"></label> <b>&nbsp;Scars DBQ</b>
</p>

a。是否存在皮肤和/或疤痕状况？


对
不

如果是，请勾选所有适用项并填写相应的DBQ：


皮肤病DBQ

疤痕DBQ

我想隐藏文本如果是，请选中所有适用项，并在用户单击“否”时完成相应的，并在用户单击“是”时显示文本。我尝试过不同的方法，但没有成功。

---

看看这把小提琴，看看它是不是你想要的东西

$('form').on('click', function() {
    if($('#ucWSDBQ_CheckBox3').is(':checked')) {
        $('.hidden').css('display', 'block');
    } else {
        $('.hidden').css('display', 'none');
    }
});

我已经在HTML中添加了一个表单和包装器div

---

处理复选框的onClick事件。如果是/否复选框不是单选按钮，则必须为想要实现的目标编写代码

？此时，您可以选择是和否。如果选中一个，我有一个脚本可以取消选中另一个。可能希望将标签选项卡的内容粘贴到标签标签内。

如果选中一个，我有一个脚本可以取消选中另一个。

只需使用单选按钮即可。该脚本是毫无意义的，因为浏览器会为您处理它。我不允许更改任何html，您是否可以仅为“否”隐藏文本？我无法更改html，我们必须使用当前html解决此问题。当您单击“是”时，显示文本，但当您单击“否”时，应隐藏文本。。。