如何解决您如何使 check_box_tag 标签可点击而不仅仅是复选框本身?
我有以下 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>
实现这一目标的正确方法是什么?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。