bootstrap制作jsp页面根据值让table显示选中

时间：2019-01-06分类：Bootstrap作者：编程之家

本文实例为大家分享了bootstrap制作jsp页面的具体代码，告诉大家如何让table显示选中，供大家参考，具体内容如下

rush:xhtml;"> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@include file="/views/resource.jsp"%> fig-title"> 用户配置

Box="true"> 用户名称登录名称

</table&gt;

<p class="margin-control con<a href="https://www.jb51.cc/tag/fig/" target="_blank" class="keywords">fig</a>-title" id="add"
 style="<a href="https://www.jb51.cc/tag/dis/" target="_blank" class="keywords">dis</a>play: none"&gt;
 新增配置
 <button id="save" type="button" class="btn btn-control"&gt;
  <i class="fa fa-save"&gt;</i><span id="addsave"&gt;保存</span>
 </button>
</p>
<p class="margin-control con<a href="https://www.jb51.cc/tag/fig/" target="_blank" class="keywords">fig</a>-title" id="message"
 style="<a href="https://www.jb51.cc/tag/dis/" target="_blank" class="keywords">dis</a>play: none"&gt;
 详细信息
 <button id="modifyMessage" type="button" class="btn btn-control"&gt;
  <i class="fa fa-save"&gt;</i><span id="modifysave"&gt;保存</span>
 </button>
</p>

<div
 class="row margin-control col-xs-8 col-sm-8 col-md-8 col-lg-8 col-xs-offset-2 col-sm-offset-2 col-md-offset-2 col-lg-offset-2"&gt;
 <label class="col-xs-4 col-sm-4 col-md-4 col-lg-4 control-label"
  id="" name=""&gt;<a href="https://www.jb51.cc/tag/yonghuming/" target="_blank" class="keywords">用户名</a>称：</label>
 <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8"&gt;
  <input type="text" class="form-control" placeholder=""
   data-tabindex="1" id="name" name="name"&gt;
 </div>
</div>
<div
 class="row margin-control col-xs-8 col-sm-8 col-md-8 col-lg-8 col-xs-offset-2 col-sm-offset-2 col-md-offset-2 col-lg-offset-2"&gt;
 <label class="col-xs-4 col-sm-4 col-md-4 col-lg-4 control-label"&gt;<a href="https://www.jb51.cc/tag/denglu/" target="_blank" class="keywords">登录</a><a href="https://www.jb51.cc/tag/mingcheng/" target="_blank" class="keywords">名称</a>：</label>
 <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8"&gt;
  <input type="text" class="form-control" placeholder=""
   data-tabindex="1" id="login_name" name="login_name"&gt;
 </div>
</div>

<div
 class="row margin-control col-xs-8 col-sm-8 col-md-8 col-lg-8 col-xs-offset-2 col-sm-offset-2 col-md-offset-2 col-lg-offset-2"&gt;
 <label class="col-xs-4 col-sm-4 col-md-4 col-lg-4 control-label"&gt;密码：</label>

 <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8"&gt;
  <input type='password' style='display: none' name='password'>
  <input type="password" class="form-control" placeholder=""
   data-tabindex="1" id="password" name="password"&gt;
 </div>
</div>
<div
 class="row margin-control col-xs-8 col-sm-8 col-md-8 col-lg-8 col-xs-offset-2 col-sm-offset-2 col-md-offset-2 col-lg-offset-2"&gt;
 <label class="col-xs-4 col-sm-4 col-md-4 col-lg-4 control-label"&gt;确认密码密码：</label>
 <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8"&gt;
  <input type='password' style='display: none' name='password'>
  <input type='password' class="form-control" placeholder=""
   data-tabindex="1" id="passwordagin" name="password"&gt;
  <!--这里的name没实际作用 -->
 </div>
</div>
<div
 class="row margin-control col-xs-8 col-sm-8 col-md-8 col-lg-8 col-xs-offset-2 col-sm-offset-2 col-md-offset-2 col-lg-offset-2"&gt;
 <label class="col-xs-4 col-sm-4 col-md-4 col-lg-4 control-label"&gt;邮箱：</label>
 <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8"&gt;
  <input type="text" class="form-control" placeholder=""
   data-tabindex="1" id="email" name="email"&gt;
 </div>
</div>
<div
 class="row margin-control col-xs-8 col-sm-8 col-md-8 col-lg-8 col-xs-offset-2 col-sm-offset-2 col-md-offset-2 col-lg-offset-2"&gt;
 <label class="col-xs-4 col-sm-4 col-md-4 col-lg-4 control-label"&gt;授权：</label>
 <div id="" class="form-group col-xs-8 col-sm-8 col-md-8 col-lg-8"&gt;
  <table class="table " id="tableRole" data-toggle="table"&gt;
   <thead>
    <tr&gt;
     <th data-field='state' data-check<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>="true"&gt;</th>
     <th data-field="id" class="hide"&gt;ID</th>
     <th data-field="name"&gt;<a href="https://www.jb51.cc/tag/mingcheng/" target="_blank" class="keywords">名称</a></th>
     <th data-field="code"&gt;编码</th>
    </tr&gt;
   </thead>

  </table&gt;
 </div>
</div>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

原文地址：https://www.jb51.cc/bootstrap/42834.html

bootstrap bootstrap jsp jsp table table table table