如何在选择复选框、单选按钮等时执行事件答案

【问题标题】：How to execute events upon selecting a checkbox, radio button, etc如何在选择复选框、单选按钮等时执行事件
【发布时间】：2021-05-10 16:44:34
【问题描述】：

我试图在选择复选框或单选按钮时显示一个 div。我没有使用点击功能或任何复杂的东西。谁能在我的代码中找到我的问题？应该很容易解决。谢谢！

$(() => {
  if ($("input#checkbox").is(':checked')) {
    $('#add-a-car').show();
    // Code in the case checkbox is checked.
  } else {
    $('#add-a-car').hide();
    // Code in the case checkbox is NOT checked.
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label for="add-a-car">Add-a-Car</label>
<input type="checkbox" name="checkbox" id="checkbox">
<div id="add-a-car">
  <label for="add-a-car">Pick your date</label>
  <input type="text" value="pick-a-date">
</div>

【问题讨论】：

标签： jquery button checkbox radio checked

【解决方案1】：

要执行您需要的操作，您需要使用事件处理程序。在这种情况下，change 事件会在无线电的checked 状态更改时触发。另请注意，您可以使用toggle() 方法稍微简化逻辑。

jQuery($ => {
  $('#checkbox').on('change', e => {
    $('#add-a-car').toggle(this.checked);
  });
});

#add-a-car { display: none; }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label for="add-a-car">Add-a-Car</label>
<input type="checkbox" name="checkbox" id="checkbox">
<div id="add-a-car">
  <label for="add-a-car">Pick your date</label>
  <input type="text" value="pick-a-date">
</div>

【讨论】：

更改方法是唯一使用的方法吗？我可以使用 .is(:selected) 吗？代码看起来不错。谢谢一百万。
您必须使用事件处理程序，是的，change 是迄今为止最适合在这里使用的。仅使用is() 作为您问题中的代码确实意味着它仅在页面加载时运行，而不是在用户与页面上的任何控件交互时运行。
谢谢罗里！感谢您的所有意见。