javascript - 检查输入时如何附加可取消的引导程序标记？

Question

我想知道是否可以添加自定义引导徽章，该徽章将采用已检查输入的标签，并在我检查同一 div 中的复选框类型输入时将其 html 文本添加到我的搜索栏容器中。

<div class="form-check m-1 mt-3">
       <input class="form-check-input mr-1 input-height-width" 
       type="checkbox" value="" id="Wrenches" />
       <label class="form-check-label" for="Wrenches">
        Wrenches
       </label>
       <span class="badge badge-pill bg-white badge-warning product-quantity">63</span>
 </div>

有没有一种方法可以添加自定义徽章而无需通过每个标签的 ID ？

标签： javascripthtmljquerycss