如果我选择是或否，如何清除复选框和警报？答案

【问题标题】：How to clear checkbox and alert if I select YES or NO?如果我选择是或否，如何清除复选框和警报？
【发布时间】：2021-02-20 23:28:17
【问题描述】：

我在一个字段集中有一组上面的列表选择字段为“是”和“否”。以及下面另一个字段集中的一组复选框。

我期望通过 jquery 发生的事情是

如果我在上面的列表中选择“否”，应该会出现一个警告并且下面的复选框会被清除。我尝试了以下但无法使其工作。有人可以帮忙吗？谢谢

     $('#enable_email').change(function() {
     if ($('#enable_email').attr("value")=="NO"))) {
          Swal.fire({
              title: 'Alert'
            });
    $("input[name=group_101]").removeAttr('checked');
          }

<div class="crm-communications-preferences-form-block crm-public">
    
        <div class="comm-pref-block groups-block">
    
        <fieldset id="crm-communications-preferences-channels">
            <div class="crm-section">
            <div class="label"><label for="enable_email">  Email Newsletter
         <span class="crm-marker" title="This field is required.">*</span>
    </label></div>
            <div class="content"><select name="enable_email" id="enable_email" class="crm-form-select required">
        <option value="">--Select--</option>
        <option value="YES" selected="selected">Yes</option>
        <option value="NO">No</option>
    </select></div>
          </div>
                        </fieldset>
                </div>
    </div>

        <!-- Groups from settings -->
        <div class="comm-pref-block groups-block">
    
            <!-- Groups Fieldset -->
    <fieldset id="crm-communications-preferences-groups" class="groups-fieldset">
    <div class="crm-section">
    <div class="content group-channel-div">
    <input id="group_101" name="group_101" type="checkbox" value="1" checked="checked" class="crm-form-checkbox">
<label for="group_101">Newsletter</label>
        <span class="group-description">Monthly Newsletter</span>
                 </div>
                  </div>
    <div class="crm-section">
    <div class="content group-channel-div">
    <input id="group_102" name="group_102" type="checkbox" value="1" checked="checked" class="crm-form-checkbox">
                        <label for="group_102">Communications</label>
        <span class="group-description">Relating Activities</span>
                 </div>
                  </div>
                </fieldset>
                </div>
    </div>

【问题讨论】：

标签： jquery select checkbox

【解决方案1】：

您可以简单地使用val() 来获取选择框的值，如果没有选择，则使用它显示您的警报。

演示代码：

$('#enable_email').change(function() {
  //use val()
  if ($(this).val() == "NO") {
    swal({
      title: 'Alert'
    });
    $("input[name=group_101]").removeAttr('checked');

  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js" integrity="sha512-AA1Bzp5Q0K1KanKKmvN/4d3IRKVlv9PYgwFPvm32nPO6QS8yH1HO7LbgB1pgiOxPtfeg5zEn2ba64MUcqJx6CA==" crossorigin="anonymous"></script>

<div class="crm-communications-preferences-form-block crm-public">

  <div class="comm-pref-block groups-block">

    <fieldset id="crm-communications-preferences-channels">
      <div class="crm-section">
        <div class="label"><label for="enable_email">  Email Newsletter
         <span class="crm-marker" title="This field is required.">*</span>
    </label></div>
        <div class="content">
          <select name="enable_email" id="enable_email" class="crm-form-select required">
            <option value="">--Select--</option>
            <option value="YES" selected="selected">Yes</option>
            <option value="NO">No</option>
          </select>
        </div>
      </div>
    </fieldset>
  </div>
</div>

<!-- Groups from settings -->
<div class="comm-pref-block groups-block">

  <!-- Groups Fieldset -->
  <fieldset id="crm-communications-preferences-groups" class="groups-fieldset">
    <div class="crm-section">
      <div class="content group-channel-div">
        <input id="group_101" name="group_101" type="checkbox" value="1" checked="checked" class="crm-form-checkbox">
        <label for="group_101">Newsletter</label>
        <span class="group-description">Monthly Newsletter</span>
      </div>
    </div>
    <div class="crm-section">
      <div class="content group-channel-div">
        <input id="group_102" name="group_102" type="checkbox" value="1" checked="checked" class="crm-form-checkbox">
        <label for="group_102">Communications</label>
        <span class="group-description">Relating Activities</span>
      </div>
    </div>
  </fieldset>
</div>
</div>

【讨论】：