Actual Checkbox showing along
Opened this issue · 1 comments
I 've inserted in my form without the label and everything, but the Actual Checkbox with tick showing along with the rendered yes and no box, and the tick actually responding with the yes toggle, any idea why this is happening?
My code
<form action="contactjumpform.php" method="post" role="form"> <div> <div class="pl-0 py-3">Have you ever worked with a designer before?</div> <input type="checkbox" id="checkq1" data-group-cls="btn-group-sm" data-reverse> </div> <div> <div class="pl-0 py-3">Would you like to know how ElBerith Design would work on your project?</div> <input type="checkbox" id="checkq2" data-group-cls="btn-group-sm" data-reverse> </div> <div> <div class="pl-0 py-3">Would you like to discuss your project with a designer with absolutely no obligation?</div> <input type="checkbox" id="checkq3" data-group-cls="btn-group-sm" data-reverse> </div> <div> <div class="pl-0 py-3">Do you prefer phone call?</div> <input type="checkbox" id="checkq4" data-group-cls="btn-group-sm" data-reverse> </div> <div> <div class="pl-0 py-3">Do you prefer email correspondence?</div> <input type="checkbox" id="checkq5" data-group-cls="btn-group-sm" data-reverse> </div> <div class="row row-sm-offset py-5"> <div class="col-sm-6"> <div class="form-group"> <label class="form-control-label" for="form1-0-fname">First Name</label> <input type="text" class="form-control" name="name" required="" data-form-field="Name" id="elform1-fname"> </div> </div> <div class="col-sm-6"> <div class="form-group"> <label class="form-control-label" for="form1-0-lname">Last Name</label> <input type="text" class="form-control" name="name" required="" data-form-field="Name" id="elform1-lname"> </div> </div> <div class="col-xs-12 col-md-4"> <div class="form-group"> <label class="form-control-label" for="form1-0-email">Email</label> <input type="email" class="form-control" name="email" required="" data-form-field="Email" id="elform1-email"> </div> </div> <div class="col-xs-12 col-md-4"> <div class="form-group"> <label class="form-control-label" for="form1-0-phone">Phone</label> <input type="tel" class="form-control" name="phone" required="" data-form-field="Phone" id="elform1-phone"> </div> </div> <div class="col-xs-12 col-md-4"> <div class="form-group"> <label class="form-control-label" for="form1-0-tcall">Best Time to Call</label> <input type="text" class="form-control" name="tcall" required="" data-form-field="Tcall" id="elform1-tcall"> </div> </div> <div class="col-xs-12 col-md-12"> <div class="form-group"> <label class="form-control-label" for="form1-0-address">Address</label> <textarea class="form-control" name="address" rows="3" required="" data-form-field="Address" id="elform1-address"></textarea> </div> </div> <div class="col-xs-12 col-md-4"> <div class="form-group"> <label class="form-control-label" for="form1-0-city">City</label> <input type="text" class="form-control" name="city" required="" data-form-field="City" id="elform1-city"> </div> </div> <div class="col-xs-12 col-md-4"> <div class="form-group"> <label class="form-control-label" for="form1-0-state">State</label> <input type="text" class="form-control" name="state" required="" data-form-field="State" id="elform1-state"> </div> </div> <div class="col-xs-12 col-md-4"> <div class="form-group"> <label class="form-control-label" for="form1-0-pcode">Pincode</label> <input type="text" class="form-control" name="pcode" required="" data-form-field="Pcode" id="elform1-pcode"> </div> </div> </div> <div> <label class="form-check-label pl-0 pb-3">Project Type</label> <div class="form-check"> <label class="form-check-label"> <input type="checkbox" class="form-check-input"> Single Family Home </label> </div> <div class="form-check"> <label class="form-check-label"> <input type="checkbox" class="form-check-input"> Condo or Attached Home </label> </div> <div class="form-check"> <label class="form-check-label"> <input type="checkbox" class="form-check-input"> Commercial Project </label> </div> <div class="form-check"> <label class="form-check-label"> <input type="checkbox" class="form-check-input"> Other </label> </div> </div> <div class="d-flex justify-content-start py-3"><button type="submit" class="btn btn-sub"><span>JUMP START</span></button></div> </form>