Javascript 如何在JQuery数据表中显示按钮单击时的警报？

我在jQueryDataTable中有一些记录，每个记录都有删除按钮。 在删除值之前，我想在单击删除按钮时显示一个警告框“您确定要删除此记录吗？”。 我怎样才能做到这一点

表格设计

<table id="patientTable" class="table-hover table-bordered">
    <thead>
        <tr>
            <th>Patient Name</th>
            <th>Address</th>
            <th>Date</th>
            <th>Description</th>
            <th>Amount</th>
            <th>Edit</th>
            <th>Delete</th>
        </tr>
    </thead>
</table>

患者姓名
住址
日期
描述
数量
编辑
删去

jquery代码

@* Load datatable css *@

<link href="//cdn.datatables.net/1.10.9/css/jquery.dataTables.min.css" rel="stylesheet" />

@* Load datatable js *@

<script src="//cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script>

<script>
        $(document).ready(function () {
        $('#patientTable').DataTable({
                "ajax": {
                "url": "/Patient/LoadData",
                "type": "GET",
                "datatype": "json"
                },
                "columns": [
                        { "data": "Name", "autoWidth": true },
                        { "data": "Address", "autoWidth": true },
                        { "data": "Date", "autoWidth": true,
                            "render": function (value) {
                                    if (value === null) return "";
                                    var pattern = /Date\(([^)]+)\)/;
                                    var results = pattern.exec(value);
                                    var dt = new Date(parseFloat(results[1]));
                                    return (dt.getMonth() + 1 + "/" + dt.getDate() + "/" + dt.getFullYear());
                            }
                        },
                        { "data": "Description", "autoWidth": true },
                        { "data": "Amount", "autoWidth": true },
                        { "data": "ID", "width": "50px",
                            "render": function (id) {
                                    return '<a href="/Patient/Edit/' + id + '">Edit</a>';
                            }
                        },
                        { "data": "ID", "width": "50px",
                            "render": function (id) {
                                    return '<a href="/Patient/Delete/' + id + '">Delete</a>';
                            }
                        }
                ]
            });
        });
</script>

@*加载数据表css*@
@*加载数据表js*@
$（文档）.ready（函数（）{
$（'#patientTable'）。数据表({
“ajax”：{
“url”：“/患者/加载数据”，
“类型”：“获取”，
“数据类型”：“json”
},
“栏目”：[
{“data”：“Name”，“autoWidth”：true}，
{“数据”：“地址”，“自动宽度”：true}，
{“数据”：“日期”，“自动宽度”：true，
“渲染”：函数（值）{
if（value==null）返回“”；
var模式=/Date\（[^）]+）\/；
var结果=pattern.exec（值）；
var dt=新日期（结果[1]）；
返回（dt.getMonth（）+1+“/”+dt.getDate（）+“/”+dt.getFullYear（））；
}
},
{“data”：“Description”，“autoWidth”：true}，
{“data”：“Amount”，“autoWidth”：true}，
{“数据”：“ID”，“宽度”：“50px”，
“渲染”：函数（id）{
返回“”；
}
},
{“数据”：“ID”，“宽度”：“50px”，
“渲染”：函数（id）{
返回“”；
}
}
]
});
});

请指导我如何像这样显示警报

单击“删除”按钮 我是新的jquery数据表。

---

提前感谢。

以html代码为例设置一个事件：

'

您可以做的另一件事是在delete按钮中放置一个类和id，然后将事件放置在js或jquery中：

document.getElementByClassName("myclass").addEventListener("click", function(){
   window.confirm("sometext")
});

或jQuery

$（'.myclass'）。在（'click'，function（）{window.confirm（“sometext”）}）上

文档：
您只需添加一个删除按钮，并在每次单击时执行一个功能，即可为您验证该按钮

例如，您要将其添加到每一行

<td><button type="button" name="locateButton1" class="btn btn-info" onClick="deleteRow(this);">Delete</button></td>

片段：


$（文档）.ready（函数（）{
$（“#patientTable”）.DataTable（）；
});
函数deleteRow（行）{
if（确认（“是否确实要删除此？”）==true）{
$（行）.parent（）.parent（）.remove（）；
}
}

名称
位置
办公室
年龄
开始日期
薪水
老虎尼克松
系统架构师
爱丁堡
61
2011/04/25
$320,800
删去
加勒特温特斯
会计
东京
63
2011/07/25
$170,750
删去
阿什顿考克斯
初级技术作者
旧金山
66
2009/01/12
$86,000
删去
塞德里克·凯利
高级Javascript开发人员
爱丁堡
22
2012/03/29
$433,060
删去
佐藤航空
会计
东京
33
2008/11/28
$162,700
删去
定义定位标记时设置onclick属性

<a href="/Patient/delete/' + id + '" onclick="return confirm('Are you sure you want to delete this record?')">Delete</a>


这将弹出确认对话框，但不会删除任何内容。对不起，我的错误。我编辑了答案。现在它是正确的，对吗？W3JS确认框帮助了我。谢谢。听到这个消息很高兴！：）
<a href="/Patient/delete/' + id + '" onclick="return confirm('Are you sure you want to delete this record?')">Delete</a>