Question

我在这里看到过类似的问题，但都没有帮助。所以这就是我想要做的事情。

如果用户想要收到阅读回执，我有一个与联系电子邮件文本框相关的DIV。除非他们选中此框，否则我不希望显示该框。

复选框：

     <p id="notifycheck" class="notify">
    <input id="id_notify" type="checkbox" class="checkbox" name="notify"/>
    <label for="id_notify">Enable Read Receipts</label>
  </p>
  <div id="notify" class="notify">
    <div id="email_errors">
    </div>

文本框：

    <div class="left">
      <p>
        <label for="email_sender">Contact email (suggest Anonmail address)</label>: <br>
        <input id="email_sender" type="text" name="sender_email" size="35" rows="4" maxlength="100"/>
      </p>
    </div>

Answer 1

您可以使用一个简单的jquery函数来检测输入状态的变化，如下所示： $('#id_notify').on('change',function(){ $('.left').toggleClass('hidden');



    });
});

}); }); 并在样式表中添加一个隐藏的类：display

希望这样做

Checkbox = Checked HTML时显示DIV

1 个答案: