bootstrap框架中 怎么让table中显示checkbox,如下图
发布网友
发布时间：2022-05-19 08:41
共3个回答
热心网友
时间：2022-05-19 10:11
<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>
给你个参考！！
热心网友
时间：2022-05-19 11:29
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>
热心网友
时间：2022-05-19 13:03
{
checkbox: true
}，
...
]
//顺便提一句，获取选择的表项用
$("#table").bootstrapTable('getSelections');
加上这个就可以了
