Buenas, tengo un problema que no sé como hacer. Tengo un formulario con una lista de checkbox y tengo que validar que haya por lo menos uno seleccionado.
el formulario es este:
<form id="formDetails" name="formDetails" ng-submit="sendForm()">
<div class="col-xs-12 col-md-12">
<div class="form-group col-xs-12 col-sm-6 col-md-4 form-info">
<label class="checkbox-inline"><input type="checkbox" name="topic">Children's</label>
</div>
<div class="form-group col-xs-12 col-sm-6 col-md-4 form-info">
<label class="checkbox-inline"><input type="checkbox" name="topic">Health & Beauty</label>
</div>
<div class="form-group col-xs-12 col-sm-6 col-md-4 form-info">
<label class="checkbox-inline"><input type="checkbox" name="topic">Science & Nature</label>
</div>
<div class="form-group col-xs-12 col-sm-6 col-md-4 form-info">
<label class="checkbox-inline"><input type="checkbox" name="topic">Crafts & Hobbies</label>
</div>
<div class="form-group col-xs-12 col-sm-6 col-md-4 form-info">
<label class="checkbox-inline"><input type="checkbox" name="topic">History</label>
</div>
<div class="form-group col-xs-12 col-sm-6 col-md-4 form-info">
<label class="checkbox-inline"><input type="checkbox" name="topic">Sports & Fitness</label>
</div>
<span class="error" ng-show="formDetails.topic.$error.required">Please select at least one topic</span>
</div>
<div>
<button type="submit" class="btn btn-danger">Sign Up</button>
</div>
</form>
Si no hay ninguno seleccionado, debería aparecer el mensaje y si por lo menos hay 1 checkbox seleccionado, debería ocultarse el mensaje.
Cómo podría hacer la función para validar si hay uno seleccionado? Sé como validar el checkbox de uno en uno, pero no de esta forma.
muchas gracias