скрыть текст, когда флажок снят с помощью jquery

Question

флажки установлены по умолчанию.если не отмечено, они должны скрыть текст.Как мне скрыть или показать текст в JQuery?

HTML:

    <div class="check">
<p><input type="checkbox" value="Name" id="name" checked /> <label for="name">Name</label></p>  
<p><input type="checkbox" value="Reference " id="reference" checked /> <label for="reference">Reference</label></p>
    </div>

    <div id="nametxt"> Show Name TEXT </div>
    <div id="reftxt"> Show Ref TEXT </div>

Answer 1

Измените идентификатор <div id="reftxt"> на <div id="referencetxt">, и тогда вы можете сделать это:

$('div.check input:checkbox').bind('change',function(){
    $('#'+this.id+'txt').toggle($(this).is(':checked'));
});

Событие изменения сработает, если его щелкнуть или если кто-то использует клавиатуру, чтобы установить / снять флажок.

До тех пор, пока ID текстовых элементов div всегда checkbox ID + 'txt' и находятся в div.check, это также будет обрабатываться. Избавляет вас от необходимости повторяться, когда вы получаете больше флажков.

Answer 2

<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        $("#name").click(function() {
            if($('#name:checked').length) {
                $("#nametxt").show();
            } else {
                $("#nametxt").hide();
            }
        });

        $("#reference").click(function() {
            if($('#reference:checked').length) {
                $("#reftxt").show();
            } else {
                $("#reftxt").hide();
            }
        });
    })
</script>

Answer 3

, если флажок не установлен, как отображать сообщения через Jquery,

Вы должны поставить галочку на сайте, чтобы принять.