一周乱弹(1,bootstrap 同时展示多个模态框顺序2.复选框 全选例子)
来源:互联网 发布:java io流读取视频 编辑:程序博客网 时间:2024/05/17 23:34
1,bootstrap 同时展示多个模态框顺序
页面:
<%--模板--%> <div class="modal fade" id="userDepartModal" tabindex="-1" role="dialog" aria-labelledby="userDepartModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times" style="color: red;"></i></button> <h4 class="modal-title" id="userDepartModalLabel">母版编辑</h4> </div> <div class="modal-body" style="height: 600px;overflow: auto"> <form class="form-horizontal" role="form" id="add-depart-form" action="security/user-depart.json" method="post"> <ul class="list-group"> <ul id="treeDemo" class="ztree" style="margin-top:0; width:160px; height:auto;"></ul> </ul> <input type="hidden" name="uid" id="uid"/> </form> </div> <div class="modal-footer"> <button type="button" onclick="add_dept();" class="btn btn-primary"><i class="fa fa-save"></i>保存</button> <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i>取消</button> </div> </div> </div> </div> <%--模板 end--%> <!-- 删除 --> <div class="modal fade " id="delDataModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel" aria-hidden="true"> <div class="modal-dialog " > <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times" style="color: red;"></i></button> <h4 class="modal-title" id="deleteModalLabel">删除数据</h4> </div> <div class="modal-body">确认删除所选数据么?</div> <div class="modal-footer"> <button type="button" class="btn btn-danger" id="delete"><i class="fa fa-trash"></i>确认</button> <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i>取消</button> </div> </div> </div> </div> <!-- /.删除 -->
以上为两个模态框,在下面的会显示在顶部.
如图:
如果 删除的模态框放在上面则会被遮挡.
2.复选框 全选例子
$("#selectAll").click(function () { var flag = $(this).prop("checked") if(flag) { $("#tBody tr").css("background-color","#337ab7"); $("#tBody tr :input").prop("checked", true); }else { $("#tBody tr").removeAttr("style"); $("#tBody tr :input").prop("checked", false); } });
0 0
- 一周乱弹(1,bootstrap 同时展示多个模态框顺序2.复选框 全选例子)
- Bootstrap之表格checkbox复选框全选
- Bootstrap实现表格复选框全选
- Bootstrap之表格checkbox复选框全选
- 复选框全选和反选例子
- Bootstrap中表格内的checkbox复选框全选
- 一周乱弹(1,input 设置只能输入正整数 2,bootstrap 图标颜色设置)
- android checkBox (复选框)简单例子,全选的实现
- 复选框全选、取消全选
- bootstrap复选框回显、全选及回显
- 一周乱弹(1,bootstrap模态框关闭钩子方法2,eclipse debug 临时增加语句执行3,js isFinite()方法4,js中获取request里的值5,js ajax执行顺序
- 复选框全选
- 对复选框全选
- 复选框全选 js
- 复选框全选.js
- 复选框全选功能
- 复选框全选效果
- 全选复选框
- Android "外挂"--- 微信自动聊天
- linux操作系统知识分享(进程简介,SSH使用原理图,配置环境变量,系统基本信息查询,系统管理,war包部署相关命令)
- swift3.0集合类型(Array,Set,Dictionary)
- MyEclipse中项目有红色感叹号的解决方法总结
- Java线程(二)
- 一周乱弹(1,bootstrap 同时展示多个模态框顺序2.复选框 全选例子)
- getViewTreeObserver().addOnGlobalLayoutListener()
- 《智能时代》读书笔记:这是最好的时代,也是最坏的时代
- 获得下拉框的值
- 深入理解分布式事务
- PhotoView单击事件
- Linked List Cycle
- linux-项目启动报错之一
- 【Java基础】Java循环结构