bootstrap table 插件

最新推荐文章于 2022-04-25 01:31:22 发布

u010394201

最新推荐文章于 2022-04-25 01:31:22 发布

阅读量862

点赞数

分类专栏： bootstrap 文章标签： bootstrap

bootstrap 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

bootstrap table 插件

<!DOCTYPE html>
<html>
<head>
<!--这个跟checkbox单选都是一样的-->
    <title>radio单选框的操作</title>
    <meta charset="utf-8">
    <!--bootstrapJS/CSS=====-bootstrapTableJS/CSS-->
    <link href="bootstrap-3.3.5-dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="bootstrap-3.3.5-dist/css/bootstrap-table.css" rel="stylesheet">
    <script src="jQuery/jquery-1.8.2.min.js"></script>
    <script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
    <script src="bootstrap-3.3.5-dist/js/bootstrap-table.js"></script>
</head>
<body>

<table id="dataTable" data-toggle="table"
       data-click-to-select="true" data-select-item-name="radioName"
       data-order="desc" data-url="data2.json"
       data-page-size="5"
       data-height="472"
       data-pagination="true"
        >
    <thead>
    <tr>
        <th data-field="state" data-radio="true" data-formatter="radio_formatter"></th>
        <th data-field="id" data-align="center">房间号</th>
        <th data-field="name" data-align="center">电话</th>
        <th data-field="price" data-align="center">创建时间</th>
        <th data-align="center" data-formatter="formatterText" >操作</th>
    </tr>
    </thead>
</table>
</body>
<script>
    //单选框触发时间
    function radio_formatter(value,row,index){
            if(index === 2){
                return {
                    disabled:true,//如果index为2则不让他选中
                    checked:true//如果为2救你默认已选中
                };
            }

        return value;
    }
</script>
</html>

u010394201

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
bootstrap table 插件

bootstrap table 插件<!DOCTYPE html><html><head> <title>radio单选框的操作</title> <meta charset="utf-8">  <link href="
复制链接

扫一扫

专栏目录