當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

JS删除之前弹出一个带有确认和取消按钮的提示框confirm()

發(fā)布時間：2023/12/3 javascript 36 豆豆

生活随笔收集整理的這篇文章主要介紹了 JS删除之前弹出一个带有确认和取消按钮的提示框confirm() 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>添加刪除記錄練習</title><link rel="stylesheet" type="text/css" href="../../../day15/source/day15/ex_2_style/css.css" /><script type="text/javascript">window.onload = function(){var allA = document.getElementsByTagName("a");for(var i=0 ; i < allA.length ; i++){allA[i].onclick = function(){var tr = this.parentNode.parentNode;//var name = tr.getElementsByTagName("td")[0].innerHTML;var name = tr.children[0].innerHTML;var flag = confirm("確認刪除"+name+"嗎?");if(flag){tr.parentNode.removeChild(tr);}return false;};}};</script> </head> <body><table id="employeeTable"><tr><th>Name</th><th>Email</th><th>Salary</th><th> </th></tr><tr><td>Tom</td><td>tom@tom.com</td><td>5000</td><td><a href="javascript:;">Delete</a></td></tr><tr><td>Jerry</td><td>jerry@sohu.com</td><td>8000</td><td><a href="deleteEmp?id=002">Delete</a></td></tr><tr><td>Bob</td><td>bob@tom.com</td><td>10000</td><td><a href="deleteEmp?id=003">Delete</a></td></tr> </table><div id="formDiv"><h4>添加新員工</h4><table><tr><td class="word">name: </td><td class="inp"><input type="text" name="empName" id="empName" /></td></tr><tr><td class="word">email: </td><td class="inp"><input type="text" name="email" id="email" /></td></tr><tr><td class="word">salary: </td><td class="inp"><input type="text" name="salary" id="salary" /></td></tr><tr><td colspan="2" align="center"><button id="addEmpButton" value="abc">Submit</button></td></tr></table></div></body> </html>

總結(jié)

以上是生活随笔為你收集整理的JS删除之前弹出一个带有确认和取消按钮的提示框confirm()的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。