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>

我想要隐藏文字如果是，请检查所有适用的内容，并在用户点击“否”时完成相应的，并在用户点击“是”时显示该文字。我尝试了不同的东西，但没有奏效。 Fiddle

Answer 1

看看这个小提琴，看看它是不是你想要的。

$('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/

Answer 2

处理复选框的onClick事件。因为你必须为你想要实现的目标编写代码

Html查找并隐藏文本

2 个答案: