bootstrap框架中 怎么让table中显示checkbox,如下图

 我来答
百度网友0b44871
2015-09-15 · TA获得超过568个赞
知道小有建树答主
回答量:338
采纳率:0%
帮助的人:120万
展开全部

   <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>&nbsp;&nbsp;
                                <a href="${ctx}/uploadimg/downloads/${imgVo.fileName}">下载</a>
                            </td>
                        </tr>
                    </c:forEach>
                    </tbody>
                </table>

给你个参考!!

hstrey
高粉答主

2018-03-30 · 繁杂信息太多,你要学会辨别
知道小有建树答主
回答量:2827
采纳率:100%
帮助的人:107万
展开全部

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>

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
桐曼卉Qc
2019-02-13
知道答主
回答量:12
采纳率:0%
帮助的人:1.1万
展开全部
columns: [
{
    checkbox: true
},
...
]

//顺便提一句,获取选择的表项用
$("#table").bootstrapTable('getSelections');

加上这个就可以了

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式