bootstrap框架中怎么让table中显示checkbox？

bootstrap框架中让table中显示checkbox的具体的方法步骤如下：

<script>

$(function () {

$("#checkAll").click(function () {

$("input[name='imgVo']:checkbox").prop("checked", this.checked)

})

})

</script>

<table class="table table-hover" style="width: 45%">

<thead>

<tr>

<th><input type="checkbox" id="checkAll"/></th>

<th>#</th>

<th>文件名</th>

<th>修改时间</th>

<th> *** 作</th>

</tr>

</thead>

<tbody>

<c:forEach var="imgVo" items="${page.list}" varStatus="st">

<tr>

<td><input type="checkbox" name="imgVo" value="${imgVo.fileName}"/></td>

<td>${st.count}</td>

<td>${imgVo.fileName}</td>

<td><fmt:formatDate value="${imgVo.modifyTime}" pattern="yyyy-MM-dd hh:mm:ss"/></td>

<td><a href="${ctx}/uploadimg/show/${imgVo.fileName}"  target="_blank">查看</a>

<a href="${ctx}/uploadimg/downloads/${imgVo.fileName}">下载</a>

</td>

</tr>

</c:forEach>

</tbody>

</table>

首先table的tr中使用 <th data-checkbox="true"></th>或者使用checkbox: true,启用多选列

我使用的版本：一行选中时会给行的tr元素添加类selected，根据这个来判断是否选中行。

举个栗子：选中一行时改变选中行的背景色，可多选。

$("#myTable").on('click-row.bs.table', function (e, row, element){

if($(element).hasClass('selected'))//这里进行了判断是否选中

$(element).removeClass('success')//去除之前选中的行的，选中样式

else

$(element).addClass('success')//添加当前选中的 success样式

})