从Bootstrap中的列表中选择多个项目
chris_techno25
因此，在下面的示例中引用了引导程序...
<div class="container">
<h2>Active Item in a List Group</h2>
<div class="list-group">
<a href="#" class="list-group-item">First item</a>
<a href="#" class="list-group-item">Second item</a>
<a href="#" class="list-group-item">Third item</a>
</div>
</div>
它会显示这样的内容...
默认情况下，当我单击列表中的一个项目时，该项目将突出显示，但是当我单击另一个项目时，以前突出显示的项目将不再存在，并且新单击的项目也将突出显示。任何时候仅突出显示1。如何使项目像开关或拨动开关一样起作用？当我单击第一项时，它会突出显示。当我单击第二个时，它也会突出显示。如果突出显示的项目被单击，它将失去突出显示的状态。如何在不修改Bootstrap的情况下执行此操作？或者，如果需要修改，该怎么做？谢谢。
戴维·康拉德
只需将.active类添加到列表组项目即可。由于您正在填充<a>标签：
$('.list-group a').click(function() {
$(this).toggleClass('active')
})
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
在Android中的列表中选择多个项目
- 2
使用setOnItemLongClickListener在列表中选择多个项目
- 3
在列表视图中选择多个项目
- 4
在SwiftUI列表中选择多个项目
- 5
在创建的列表中选择行中的项目
- 6
为什么单选按钮列表在列表中选择多个项目？
- 7
AppleScript：“从列表中选择”中的多个按钮
- 8
如何在React Native中显示从列表中选择的多个项目
- 9
如何在Android中从ArrayList填充的列表视图中选择多个项目
- 10
如何从后端代码（VB）中选择列表框中的多个项目？
- 11
如何从列表视图中选择多个项目-JavaFX 8
- 12
Android在列表视图中选择多个项目
- 13
离子/如何在列表框中选择多个项目？
- 14
从列表A中选择属性不在列表B中的项目
- 15
Python - 从 Selenium 列表中的列表中选择项目
- 16
如何从列表中的多个向量中选择多个元素
- 17
在GridView中选择多个项目
- 18
显示从列表中的下拉列表中选择的多个值
- 19
从列表中选择项目
- 20
从列表中选择特定项目
- 21
从Dynamics CRM 2011中的查找中选择多个项目
- 22
如何在java中的方法中选择多个项目
- 23
从c中的sqlite数据库中选择多个项目
- 24
GSP从多个列表中选择
- 25
GSP从多个列表中选择
- 26
模型中的模型-在下拉列表中选择项目？
- 27
从硒中的下拉列表中选择一个项目
- 28
只要在tcl中选择了列表中的项目，就发出命令？
- 29
根据R中列表中选择的项目显示输入字段
我来说两句