javascript - Html 查找和隐藏文本

Question

我有一些这样的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>

我想隐藏文本如果是，请检查所有适用并 在用户单击否时完成相应的操作，并在用户单击是时显示文本。我尝试了不同的东西，但没有奏效。 小提琴

Answer 1

处理复选框的 onClick 事件。因为你将不得不为你想要实现的任何目标编写代码

Answer 2

看看这个小提琴，看看它是否是你所追求的。

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

我在您的 HTML 中添加了一个表单和一个 wrapper-div。

http://jsfiddle.net/yUu6q/10/