A message is required in alert when all radio groups are selected
I have the following "radio buttons group" in a form, A message is required in alert when all radio groups are selected.
- <fieldset style="display: block;" class="frt">
<div class="hd">
<h4>What is your age?</h4>
<div class="form-group">
<div class="col-sm-4">
<div class="input-radio">
<label>20 Years</label>
<div class="inner"></div>
<input type="radio" name="radio1" id="radio1" value="20" />
</div>
</div><!--end of col-sm-4-->
<div class="col-sm-4">
<div class="input-radio">
<label>22 Years</label>
<div class="inner"></div>
<input type="radio" name="radio1" id="radio1" value="22" />
</div>
</div><!--end of col-sm-4-->
<div class="col-sm-4">
<div class="input-radio">
<label>25 Years</label>
<div class="inner"></div>
<input type="radio" name="radio1" id="radio1" value="25" />
</div>
</div><!--end of col-sm-4-->
<!--end of row-->
</div><!--end of form-group-->
</div>
<div class="clearfix"></div>
<div class="hd">
<h4>What is your age?</h4>
<div class="form-group">
<div class="col-sm-4">
<div class="input-radio">
<label>20 Years</label>
<div class="inner"></div>
<input type="radio" name="radio2" id="radio2" value="20" />
</div>
</div><!--end of col-sm-4-->
<div class="col-sm-4">
<div class="input-radio">
<label>22 Years</label>
<div class="inner"></div>
<input type="radio" name="radio2" id="radio2" value="22" />
</div>
</div><!--end of col-sm-4-->
<div class="col-sm-4">
<div class="input-radio">
<label>25 Years</label>
<div class="inner"></div>
<input type="radio" name="radio2" id="radio2" value="25" />
</div>
</div><!--end of col-sm-4-->
<!--end of row-->
</div><!--end of form-group-->
</div>
<div class="hd">
<h4>What is your age?</h4>
<div class="form-group">
<div class="col-sm-4">
<div class="input-radio">
<label>20 Years</label>
<div class="inner"></div>
<input type="radio" name="radio3" id="radio3" value="20" />
</div>
</div><!--end of col-sm-4-->
<div class="col-sm-4">
<div class="input-radio">
<label>22 Years</label>
<div class="inner"></div>
<input type="radio" name="radio3" id="radio3" value="22" />
</div>
</div><!--end of col-sm-4-->
<div class="col-sm-4">
<div class="input-radio">
<label>25 Years</label>
<div class="inner"></div>
<input type="radio" name="radio3" id="radio3" value="25" />
</div>
</div><!--end of col-sm-4-->
<!--end of row-->
</div><!--end of form-group-->
</div>
<div class="hd">
<h4>What is your age?</h4>
<div class="form-group">
<div class="col-sm-4">
<div class="input-radio">
<label>20 Years</label>
<div class="inner"></div>
<input type="radio" name="radio4" id="radio4" value="20" />
</div>
</div><!--end of col-sm-4-->
<div class="col-sm-4">
<div class="input-radio">
<label>22 Years</label>
<div class="inner"></div>
<input type="radio" name="radio4" id="radio4" value="22" />
</div>
</div><!--end of col-sm-4-->
<div class="col-sm-4">
<div class="input-radio">
<label>25 Years</label>
<div class="inner"></div>
<input type="radio" name="radio4" id="radio4" value="25" />
</div>
</div><!--end of col-sm-4-->
<!--end of row-->
</div><!--end of form-group-->
</div>
<div class="hd">
<h4>What is your age?</h4>
<div class="form-group">
<div class="col-sm-4">
<div class="input-radio">
<label>20 Years</label>
<div class="inner"></div>
<input type="radio" name="radio5" id="radio5" value="20" />
</div>
</div><!--end of col-sm-4-->
<div class="col-sm-4">
<div class="input-radio">
<label>22 Years</label>
<div class="inner"></div>
<input type="radio" name="radio5" id="radio5" value="22" />
</div>
</div><!--end of col-sm-4-->
<div class="col-sm-4">
<div class="input-radio">
<label>25 Years</label>
<div class="inner"></div>
<input type="radio" name="radio5" id="radio5" value="25" />
</div>
</div><!--end of col-sm-4-->
<!--end of row-->
</div><!--end of form-group-->
</div>
<div class="f1-buttons">
<button type="button" class="btn btn-primary">Next</button>
</div><!-- end of f1-buttons-->
</fieldset>
Topic Participants
khurram614
jakecigar