У меня есть следующее HTML:
<div class="col-sm-2">
<div style="margin-bottom: 0px!important;" class="form-group">
<input type="checkbox" id="md_checkbox_1" class="chk-col-teal" name="d1[0]" value="1" />
<label for="md_checkbox_1">walking</label>
</div>
</div>
<div class="col-sm-3">
<input type="checkbox" id="md_checkbox_2" class="chk-col-teal" name="d1[1]" value="1" />
<label for="md_checkbox_2">public commute (land/ water)</label>
</div>
<div class="col-sm-3">
<input type="checkbox" id="md_checkbox_3" class="chk-col-teal" name="d1[2]" value="1" />
<label for="md_checkbox_3">family-owned vehicle</label>
</div>
<div class="col-sm-4">
<input type="checkbox" id="md_checkbox_4" class="chk-col-teal" name="d1[3]" value="1"/>
<label for="md_checkbox_4">school service</label>
</div>
Как сделать так, чтобы в группе требовалось установить хотя бы 1 флажок?