Question

我提交了一份删除记录的表格。

这是一个简单的复选框，如果用户再选中复选框该记录将从表格中删除，该表格有效。

我想做的是有一个显示的警告框他们之前删除的人的姓名，然后他们确认它将被删除。

现在我使用ajax来显示警报，但它只显示我检查的第一条记录，它仍然删除所有记录，但我希望它在用户确认之前显示所有名称。我怎么能做到这一点？

function sub_keys()
    {    
    alert_string='Are you sure you want to delete ';
    var con=confirm( alert_string + document.getElementById("name_id").value + '?');
               if(con)
               {
               var formData = $("#confrm_key").serializeArray();

                var URL = 'quality_time_delete_table2.cfc?method=getkeyDetail';

                more code.....
    }

形式：

<input type="hidden" name="name_Id" id="name_id" value="#emp_namefirst# #emp_namelast# ">

Answer 1

您可以在复选框中添加一个类，然后使用js querySelectorAll和Array.prototype.map()：

＆＃13;

var text = document.querySelectorAll('.name');
var values = [].map.call(text, function(obj) {
  return obj.innerHTML;
});
confirm(values);

＆＃13;

<div class="name">test1</div>
<div class="name">test2</div>
<div class="name">test3</div>
<div class="name">test4</div>

＆＃13;

一个满足您需求的例子：

＆＃13;

function deletePeople() {
    var text = document.querySelectorAll('input[type=checkbox]:checked');
    var values = [].map.call(text, function (obj) {
        return obj.value;
    });
    var res = confirm(values);
    res ? alert("records deleted") : alert("no action");
}

＆＃13;

<input type="checkbox" value="test1" />
<input type="checkbox" value="test2" />
<input type="checkbox" value="test3" />
<input type="checkbox" value="test4" />
<input type="button" onclick="deletePeople();return false;" value="Delete" />

＆＃13;

另请注意，id必须是唯一的。

参考文献：

Array.prototype.map()

document.querySelectorAll

如何在警报中显示多个表单值？

1 个答案: