切换 JQuery 中的可见性

Question

我可以在 JS 中做到这一点，但我开始使用 JQuery 并且更愿意为此开发技能。

我有一条提醒消息[#CheckboxReminder]“勾选此复选框表示您已检查数据”。

然后，我想在勾选复选框 [#IsConfirmed] 时隐藏提醒消息，如果随后取消选中，则将其恢复到原始状态。

该页面将呈现设置为可见或隐藏类别的提醒消息；如果用户最近将其数据标记为“已选中”，则消息将被隐藏（但如果用户愿意，欢迎用户再次选中该框）

我相信 JQuery toggle() 可以做到这一点，但是我读到这取决于 #CheckboxReminder 样式设置来指示可见性的方式，而且我还读到 Toggle() 可能与 不同步>#IsConfirmed 复选框 - 例如快速双击。也许我应该有 toggle(FunctionA, FunctioB) 并让 FunctionA 设置复选框状态，而 FunctionB 取消设置它 - 而不是允许 Click 设置它？

请问最好的编码方式是什么？

如果有用，这里是 HTML 的示例：

<p>When the data above is correct please confirm 
    <input type="checkbox" id="IsConfirmed" name="IsConfirmed"> 
    and then review the data below</p>
...
<ul>
<li id="CheckboxReminder" class="InitHide OR InitShow">If the contact details
    above are correct please make sure that the CheckBox is ticked</li>
<li>Enter any comment / message in the box above</li>
<li>Then press <input type="submit"></li></ul>

Answer 1

只需在显示/隐藏消息之前检查复选框是否确实更改了值。

$('#isConfirmed').click(
  function(){
    if ( $(this).is(':checked') )
      $('#CheckboxReminder').show();
    else
      $('#CheckboxReminder').hide();
  }
);

每次单击复选框时都会触发上面的代码，但由于我们首先检查复选框是否确实被选中，因此可以避免误报。