Question

我正在尝试使用确认操作的弹出窗口创建一个删除数据库行的.php文件。我知道这是十几个例子，但在经过多次尝试之后，我无法做到这一点，因为我对javacript并不了解。经过一些研究后，我发现了这个（link）示例源代码github link。

这是一个简化的代码，我已经设法＆＃34;创建＆＃34;，但是当我点击其他按钮上的项目I的删除操作时，我只获得弹出窗口，立即执行操作。有人可以帮我这个吗？！

<title>Title</title>

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="../jquery.confirm.js"></script>

<div class="container">

    <table class="table">

        <thead>
            <tr>
                <th class="col-lg-3">#</th>
                <th class="col-lg-1">Name</th>
                <th class="col-lg-8">Action</th>
            </tr>
        </thead>

        <tbody>

            <tr>
                <td>1</td>
                <td>Item 1</td>
                <td><a id="simpleConfirm" href="index.php?action=delete&id=1" class="btn btn-primary">Delete</a></td>
            </tr>

            <tr>
                <td>2</td>
                <td>Item 2</td>
                <td><a id="simpleConfirm" href="index.php?action=delete&id=2" class="btn btn-primary">Delete</a></td>
            </tr>

            <tr>
                <td>3</td>
                <td>Item 3</td>
                <td><a id="simpleConfirm" href="index.php?action=delete&id=3" class="btn btn-primary">Delete</a></td>
            </tr>

        </tbody>

    </table>

    <script>
        $("#simpleConfirm").confirm();
    </script>

</div>

<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>

Answer 1

首先，要使用jquery选择器$("#id")，您需要确保html元素的ID是唯一的。接下来，我假设您正在寻找一个弹出框，提示用户是否要删除指定的记录。

你可以做这样的事情

$("#simpleConfirm").click(function(){
    var check = confirm("Please confirm that you want to delete the record?");

    if (check) {
        // insert code to delete record
    }
});

Answer 2

ID只能在页面上使用一次。要定位几个相似的元素，使用类而不是ID重写。此外，请记得添加您的确认＆＃34;问题＆＃34;字符串到confirm的参数，并跟随条件代码。

<td><a class="simpleConfirm" href="index.php?action=delete&id=1" class="btn btn-primary">Delete</a></td>

var confirmed = $('.simpleConfirm').confirm('Are you sure?');
if(confirmed) { 
  /* do something when user clicks 'ok' */ 
} else {
 /* optionally do something else when user clicks 'cancel' */ 
}

https://developer.mozilla.org/en-US/docs/Web/CSS/ID_selectors

https://developer.mozilla.org/en-US/docs/Web/CSS/Class_selectors

https://developer.mozilla.org/en-US/docs/Web/API/window.confirm

使用弹出窗口确认删除

2 个答案: