点击显示确认框

Question

我是网络开发的新手。我想创建一个函数，通过单击删除按钮（如果选择了行）来显示确认框。我也尝试过，我的功能正常工作，但我只想在选择行或行时显示确认框，否则它将显示“请先选择行”。请帮帮我

我的代码

<input type="submit" name="submit"  class="button"  value="Delete" onclick="javascript: var c=confirm('Are you sure you want to Delete selected members?'); if(c==false) return false; ">

这是选择代码

function checkall()
{
    //alert("Hi");
    var length=document.listing_form.elements['ids[]'].length;
    //alert(length);
    for(var c1=0;c1<length;c1++)
        document.listing_form.elements['ids[]'][c1].checked=true;
} // ends

由于声誉较低，我无法添加图片，因此我添加了link，请访问并理解我的问题。

Answer 1

function ok_to_delete() {
    if (rows_selected()) {
        return confirm("Are you sure you want to delete the selected members?");
    } else {
        alert("Please select a row first.");
        return false;
    }
}

function rows_selected() {
    var ids = document.listing_form.elements['ids[]'];
    var length = ids.length;
    for (var c1 = 0; c1 < length; c1++) {
        if (ids[c1].checked) {
            return true;
        }
    }
    return false;
}

然后您的表单应包含：

<form method="post" onsubmit="return ok_to_delete()">

Answer 2

你需要某种点击处理程序来选择你的行。所以如果：

<table id="rows">
<tr></tr>
<tr></tr>
<tr></tr>
</table>

你需要这样的东西：

var _table, _tr;
function rowSelect() {
    _table = document.getElementById("rows");
    _tr = _table.getElementsByTagName("tr");
    for (var i = 0; i < _tr.length; i++) {
            _tr[i].addEventListener('click', function() {
                if(_tr[i].className.indexOf('selected')>-1) {
                    // deselect
                    _tr[i].className = _tr[i].className.replace("selected", "");
                }
                else {
                    // select
                    _tr[i].className = _tr[i].className + " selected";
                }
            }, false);
    }
}

function confirm() {
     if (checkSelected()) {
        return confirm("Are you sure you want to delete the selected members?");
    } else {
        alert("Please select a row first.");
        return false;
    }
}

function checkSelected() {
    for (var i = 0; i < _tr.length; i++) {
        if (_tr[i].className.indexOf('selected')>-1) return true;
    }
    return false;

}

如果您有任何问题，请告诉我。

Answer 3

由于您使用的是提交按钮，因此最好将其添加到表单标签本身，如下面的代码。如果确认返回 true，则表单将提交。否则，您将只是返回该页面并且不会继续提交。

<form method="post" onsubmit="return confirmThis()">
<input type="submit" name="submit"  class="button"  value="Delete" />
</form>

<script>
  function confirmThis() {
      return confirm("Are you sure you want to Delete selected members?");
  }
</script>