Javascript 单击“确认添加长度”复选框

这应该是非常简单的，但我无法让它工作，我是一个绝对的Javascript初学者。我在这里查看了各种线程。 我正在使用django模板，在一个简单的链接上。我想添加一条onclick确认消息，例如“垃圾（14）项目？”？您确定吗？其中14是准备在表单中提交的复选框数。现在我有

<button type="submit" class="actionbutton" name="delete" onclick="return confirm('Add projects to trash - Are you sure?')" >Remove / Add To Trash</button>

删除/添加到垃圾箱

当然，它没有要删除的项目数量。我可以在头部添加一个脚本来计算复选框的类别，但我想知道如何在确认对话框内部执行javascript？比如

<button type="submit" class="actionbutton" name="delete" onclick="return confirm('Add ($(":checkbox:checked").length) to trash - Are you sure?')" >Remove / Add To Trash</button>  

删除/添加到垃圾箱

这不起作用，可能是因为“：checkbox:checked”在onclick“”中被转义

---

有人给我指出了正确的方向，告诉我做这类事情的“通常”方法是什么

明智地使用引号，并使用

+

创建有效字符串

<button type="submit" class="actionbutton" name="delete" onclick="return confirm('Add (' + $(':checkbox:checked').length + ') to trash - Are you sure?')" >Remove / Add To Trash</button>

使用本机JS绑定事件

document.querySelector('.submitbutton').addEventListener("click", function (event) {
    var msg = 'Add (' + document.querySelectorAll('[type=checkbox]:checked').length + ') to trash - Are you sure?';
    if (!confirm(msg)) {
        event.preventDefault();
    }
});

jQuery

---

明智地使用引号，并使用

+

创建有效字符串

<button type="submit" class="actionbutton" name="delete" onclick="return confirm('Add (' + $(':checkbox:checked').length + ') to trash - Are you sure?')" >Remove / Add To Trash</button>

使用本机JS绑定事件

document.querySelector('.submitbutton').addEventListener("click", function (event) {
    var msg = 'Add (' + document.querySelectorAll('[type=checkbox]:checked').length + ') to trash - Are you sure?';
    if (!confirm(msg)) {
        event.preventDefault();
    }
});

jQuery

---

用

onclick=“return confirm（'Add（+$（':checkbox:checked'）.length+'）尝试一次垃圾箱-确定吗？”“

Perfect！我忘记了用

onclick=“return confirm（'Add（'+$（':checkbox:checked'）.length+'）向垃圾桶添加一次+-Thanks SatpalTry-你确定吗？”）“

Perfect！我忘记了+-当你说“绑定事件”-特定于Django模板时，我如何执行代码-它在脚本标记中不起作用…当你说“绑定事件”-特定于Django模板时，我如何执行代码-它在脚本标记中不起作用。。。