javascript - 用于复选框选择的 jQuery for 循环

Question

我有三个复选框，可以根据用户的要求进行选中。我希望他们在没有任何特别要求的情况下选择任何人。但我希望他们至少选择其中一个，并希望使用 jQuery 实现相同的效果，我已经在后端完成了验证，但是如果有人可以帮助我找到一种方法，让 jQuery 可以通过 for 循环实现相同的效果，那就是伟大的。 Fiddle for the same

下面是三个复选框

HTML:

<div class="form-group">
    <div class="cols-sm-10">
        <p>Select tests </p>
        <label class="col-md-12" id="select-type">
          <div class="col-md-2" id="select-type">
            <input value="Test A" type="checkbox" name="app1" ><span class="radio-size"><span class="demo-select">&times;</span></span>
          </div>
        </label>
        <label class="col-md-12" id="select-type">
          <div class="col-md-2" id="select-type">
            <input value="Test B" type="checkbox" name="app1" ><span class="radio-size"><span class="demo-select">&times;</span></span>
          </div>
        </label>
        <label class="col-md-12" id="select-type">
          <div class="col-md-2" id="select-type">
            <input value="Test C" type="checkbox" name="app1" ><span class="radio-size"><span class="demo-select">&times;</span></span>
          </div>
        </label>
    </div>
</div>

Answer 1

为初学者提供一个通用类，然后您可以使用 :checked 选择器来确保至少检查一个

var hasChecked = $('.checkBoxClass:checked').length;

if(!hasChecked){
  // show some error message
}