Чекбокс Bootstrap multipile с тем же идентификатором, который нельзя кликнуть

Question

У меня есть флажок, подобный этому

<div class="form-group">
                    <div class="col-sm-3">
                        <div class="checkbox clip-check check-primary">
                            <input type="checkbox" value="machine" name="type[]" id="type">
                            <label for="machine">
                                Mesin
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="checkbox clip-check check-primary">
                            <input type="checkbox" value="utility" name="type[]" id="type">
                            <label for="utility">
                                Utility
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="checkbox clip-check check-primary">
                            <input type="checkbox" value="others" name="type[]" id="type">
                            <label for="others">
                                Others
                            </label>
                        </div>
                    </div>
                </div>

Моя проблема в том, что я не могу даже проверить или снять пометку со своего ввода.Есть ли у меня проблемы с этим кодом ??

ПРИМЕЧАНИЕ: я использую тот же идентификатор, потому что мне нужно использовать для проверки на jquery.Если я использую другой идентификатор, проверка не работает вообще.

ОБНОВЛЕНИЕ: Пожалуйста, не редактируйте мой вопрос, даже просто отредактируйте код или тэги, которые не улучшают мой вопрос.И уже все ясно, см. Ниже ответ от KK и Allraedy утвержден.Спасибо

Answer 1

Измените HTML следующим образом:

<div class="form-group">
  <div class="col-sm-3">
    <div class="checkbox clip-check check-primary">
      <input type="checkbox" value="machine" name="type[]" id="machine">
      <label for="machine">
        Mesin
      </label>
    </div>
  </div>
  <div class="col-sm-3">
    <div class="checkbox clip-check check-primary">
      <input type="checkbox" value="utility" name="type[]" id="utility">
      <label for="utility">
        Utility
      </label>
    </div>
  </div>
  <div class="col-sm-3">
    <div class="checkbox clip-check check-primary">
      <input type="checkbox" value="others" name="type[]" id="others">
      <label for="others">
        Others
      </label>
    </div>
  </div>
</div>

Оставьте то же значение идентификатора, которое присутствует в атрибуте for метки