Stylessheet failed for group of checkboxes having same ID

[satshil]

Adding a group of checkboxes with same id results in stylesheel failure to recognize which checkbox it belongs to.

e.g.

<div>
    <div>Select countries from europe</div><br>
              <div class="">
                  <div class="icheck-primary">
                    <input id="countries" value="france" type="checkbox" checked>
                    <label>France</label>
                  </div>
                  <div class="icheck-primary">
                    <input id="countries" value="greece" type="checkbox">
                    <label>Greece</label>
                  </div>
                  <div class="icheck-primary d-inline">
                    <input id="countries" value="china" type="checkbox">
                    <label>china</label>
                  </div>
                </div>
<div>

[bantikyan]

Having multiple elements with same id on the same page is not correct. The id attribute specifies a unique id for an HTML element (the value must be unique within the HTML document).

Please improve your code to have valid html (unique id for each element). Also it is important to have for attribute for label to use icheck-bootstrap. You can see example in documentation:

<div class="icheck-primary">
    <input type="checkbox" id="someCheckboxId" />
    <label for="someCheckboxId">Click to check</label>
</div>