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>

我的问题是我甚至无法检查或取消选中我的输入。我是否熟悉这些代码？

注意：我使用相同的id，因为我需要习惯于在jquery上进行验证。如果我使用不同的id，则验证根本不起作用。

更新：请不要编辑我的问题，即使你只是编辑代码或juts标签，这些标签不会改善我的问题。并且已经清楚了，请参阅以下KK我的全部批准答案。感谢

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>

保持标签<{p>>的for属性中存在的ID值相同

具有相同ID的Bootstrap multipile复选框无法点击

1 个答案: