开发者社区> 问答> 正文

Bootstrap Modal 如何传递参数

jQuery的版本是1.11.1.
HTML的代码是这样的。,其中data-id的value就是需要传递给modal的参数。

<a data-toggle="modal" data-id="<?php echo $v['id']?>" data-target="#deleteModal">删除</a>
modal框调用bootstrap的,代码如下,想要实现的效果是,当点击modal里的确认后,执行onclick对应的函数,从而把id传递到相应的函数。
或者不通过onclick也可以,只要能够实现点击modal框里的确认按钮后,将id传递给后端即可,谢谢。

<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                你确认要删除么?
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="deleteid" onclick="doDel(这里需要传入上面data-id对应的value)">确认</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>

展开
收起
小旋风柴进 2016-05-31 13:00:51 6127 0
1 条回答
写回答
取消 提交回答
  • 用同样的方法在button上也绑定一个modal的id,然后在click函数里面通过jquery的data函数获取id值,不就完了吗?

    <button type="button" class="btn btn-primary" id="deleteid" onclick="doDel()" data-id="<?php echo $v['id']?>">确认</button>
    如果有很多id,就需要modal的事件函数了:

    var modal = $("#deleteModal");
    modal.on("show.bs.modal", function(e) {    
        // 这里的btn就是触发元素,即你点击的删除按钮
        var btn = $(e.relatedTarget),
            id = btn.data("id"); 
            
            // do your work
      })
    2019-07-17 19:21:48
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载