我是网络开发的新手。我想创建一个函数,通过单击删除按钮(如果选择行)显示确认框。我也尝试制作它,我的功能正常工作,但我想只在行或行选择其他方面显示确认框时会显示“请先选择行”。请帮帮我
<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友好访问并理解我的问题。
答案 0 :(得分: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()">
答案 1 :(得分:0)
由于您使用的是提交按钮,因此最好将其添加到表单标记本身,例如下面的代码。如果确认返回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>
答案 2 :(得分:0)
您需要某种点击处理程序来选择您的行..所以如果:
<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;
}
如果您有任何问题,请与我们联系。