首页 > 代码库 > Modal有两种方式,直接使用属性数据或使用JavaScript方式。
Modal有两种方式,直接使用属性数据或使用JavaScript方式。
传值使用JavaScript方式吧,代码如下:
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <link rel="stylesheet" media="all" href=http://www.mamicode.com/"/assets/css/bootstrap.css"> <link rel="stylesheet" media="all" href=http://www.mamicode.com/"/assets/css/bootstrap-responsive.css"></head><body> <TABLE> <tr> <td class="center">张三</td> <td class="center">2012/10/28 22:28:42</td> <td class="center">呵呵呵呵呵呵</td> <td class="center"> <a class="btn btn-info" href=http://www.mamicode.com/"javascript:void(0)" onclick="dodel(1)"> 删除 </a> </td> </tr> <tr> <td class="center">李四</td> <td class="center">2012/10/28 22:31:12</td> <td class="center">哈哈哈哈哈</td> <td class="center"> <a class="btn btn-info" href=http://www.mamicode.com/"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=http://www.mamicode.com/"#" class="btn" data-dismiss="modal">取消</a> <a href=http://www.mamicode.com/"Del.asp?id=XXX" class="btn btn-primary">确认删除</a> </div> </div></body></html><script src=http://www.mamicode.com/"/assets/js/jquery.js"></script><script src=http://www.mamicode.com/"/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>
Modal有两种方式,直接使用属性数据或使用JavaScript方式。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。