Question

我想要多个删除按钮，并根据按钮进行模态体更改。而不是身体说'＃34;你确定吗？＆＃34;我希望它说'＃34;你确定要删除第5行吗？＆＃34;还是第4行？

<form action ="#" method="POST"><button class='btn btn-danger btn-xs' type="submit" name="remove_levels" value="delete" data-title="row 5"><span class="fa fa-times"></span> delete</button>

Answer 1

解决方案是为您的按钮添加某种通用选择器和正确的标识（值，ID等）。

然后，您可以轻松地在javascript中检索按钮标识，并在显示之前更改模态正文。

小提琴here。

HTML：

<form action ="#" method="POST">
<button class='btn btn-danger btn-xs' type="submit" name="remove_levels" value="delete"><span class="fa fa-times"></span> delete</button>

<button class='btn btn-danger btn-xs' type="submit" name="remove_levels1" value="delete1"><span class="fa fa-times"></span> row 1</button>    
</form>

<div id="confirm" class="modal hide fade">
  <div class="modal-body">

  </div>
  <div class="modal-footer">
    <button type="button" data-dismiss="modal" class="btn btn-primary" id="delete">Delete</button>
    <button type="button" data-dismiss="modal" class="btn">Cancel</button>
  </div>
</div>

使用Javascript：

$('button.btn-danger').on('click', function(e){
    if ($(this).attr("value")=='delete')
        $('#confirm .modal-body').html('Are you sure?');
    else
        $('#confirm .modal-body').html('Are you sure you want to delete row 1?');

    var $form=$(this).closest('form');
    e.preventDefault();
    $('#confirm').modal({ backdrop: 'static', keyboard: false })
        .one('click', '#delete', function (e) {
            $form.trigger('submit');
        });
});

Bootstrap Modal使用动态标题确认删除

1 个答案: