Bootstrap-模态框Modal使用
2024-10-02 01:13:19
传值使用JavaScript方式吧，代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" media="all" href="/assets/css/bootstrap.css">
<link rel="stylesheet" media="all" href="/assets/css/bootstrap-responsive.css">
</head>
<body>
<TABLE>
<tr>
<td class="center">张三</td>
<td class="center">// ::</td>
<td class="center">呵呵呵呵呵呵</td>
<td class="center">
<a class="btn btn-info" href="javascript:void(0)" onclick="dodel(1)">
删除
</a>
</td>
</tr>
<tr>
<td class="center">李四</td>
<td class="center">// ::</td>
<td class="center">哈哈哈哈哈</td>
<td class="center">
<a class="btn btn-info" href="javascript:void(0)" onclick="dodel(2)">
删除
</a>
</td>
</tr>
</TABLE>
<div class="modal hide" id="Del">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h3>删除确认</h3>
</div>
<div class="modal-body">
<p>您确认要删除此条吗？...</p>
</div>
<div class="modal-footer">
<a href="#" class="btn" data-dismiss="modal">取消</a>
<a href="Del.asp?id=XXX" class="btn btn-primary">确认删除</a>
</div>
</div>
</body>
</html>
<script src="/assets/js/jquery.js"></script>
<script src="/assets/lib/bootstrap.min.js"></script>
<script type="text/javascript">
function dodel(id){
$('.modal').modal('show').on('shown',function(){
$(".btn-primary").attr('href','Del.asp?id='+id);
})
}
</script>
最新文章
- STM32基于HAL库通过DMA读写SDIO
- Issue 6: 装机系列1，PC下windows系统安装指南
- RMQ训练题 codevs 1291 火车线路 已经搞定
- Cytoscape.js – 用于数据分析和可视化的交互图形库
- cocos2d界面渲染
- Node.js 函数
- C#关于Sort排序问题
- 【c】time.h
- Uva1343-The Rotation Game-IDA*算法
- Java学习----方法的重载
- iOS 第三方 需要 引用的库
- 一起看看2016中国第三届CSS开发者大会有哪些大咖演讲
- Java性能优化_转载
- Sagit.Framework For IOS 开发框架入门开发教程1：框架下载与环境配置
- 【Java】synchronized与lock的区别
- dojo表格分页插件报错
- Linux 测试常用命令
- 并发之atomicInteger与CAS机制
- ngx_lua_API 指令详解（三）怎样理解 cosocket指令
- 在IIS中访问APS页面时提示：“最可能的原因使用的托管的处理程序，但是未安装或未完整安装asp.net“