我有以下 check_box_tag 的表单助手，但我无法让他们的 label 可点击以选中/取消选中 checkbox。

正如您从下面的代码中看到的，我尝试了 3 种不同的实现（包括按照其他帖子的建议将复选框包装在 label 标记中），但它们似乎都不起作用。 如果我点击 label，下拉菜单会关闭，这是糟糕的用户体验，因为用户必须重新打开下拉菜单才能看到选中/取消选中的复选框。

<div class="btn-group">
    <button type="button" class="btn btn-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
      Add filter <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
        <li class="m-1">
          <label>
            <%= check_box_tag('subscription_payment_type_eq',{},params.dig(:q,"subscription_payment_type_eq").present?,{"data-action": "input->toggle#triggerObjectiveToggle","data-toggle-target": "trigger"}) %>
            Payment type
          </label>
        </li>
        <li class="m-1">
          <%= label_tag do %>
            <%= check_box_tag('address_province_eq',"address_province_eq").present?,"data-toggle-target": "trigger"}) %>
            Province
          <% end %>

        </li>
        <li class="m-1">
          <%= check_box_tag('subscription_status_eq',"subscription_status_eq").present?,"data-toggle-target": "trigger"}) %>
          <label>Subscription status</label>
        </li>
    </ul>
</div>

实现这一目标的正确方法是什么？