• Bootstrap-模态框Modal使用


    传值使用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">2012/10/28 22:28:42</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">2012/10/28 22:31:12</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>
  • 相关阅读:
    python一些简单操作
    MySQL事务
    c#替换word中的文本并导出(示例)
    SQLServer将某个字段的多行记录合并返回一行
    SQL根据某字段查询不重复记录
    SQLServer逗号分割字符串返回多行
    c# js日期工具
    onchange,onfocus ,oninput事件
    compositionstart事件与compositionend事件
    图片处理问题
  • 原文地址:https://www.cnblogs.com/dekevin/p/4210784.html
Copyright © 2020-2023  润新知