代码描述:javascript点击 弹出删除提示框。javascript点击弹出删除提示框代码实例
本章节介绍一下如何利用原生javascript实现当要删除指定内容时,弹出一个提示对话框。 代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <style type="text/css"> body{ font-size:13px; } .divShow{ width:280px; padding-left:10px; } .divShow span{ padding-left:50px; } ul li{ list-style:none; background-color:#eee; margin:5px; height:30px; line-height:30px; } #del{ border:solid 1px #666; padding:2px; width:65px; } </style> <script type="text/javascript"> window.onload=function(){ var obt=document.getElementById("del"); var obox=document.getElementById("box"); var cks=obox.getElementsByTagName("input"); obt.onclick=function(){ if(confirm("真的要删除选中项吗?")){ var arr=[]; for(var index=0;index<cks.length;index++){ if(cks[index].checked){ arr.push(cks[index]) } } for(var j=0;j<arr.length;j++){ obox.removeChild(arr[j].parentNode); } } } } </script> </head> <body> <div class="divShow"> <ul id="box"> <li><input type="checkbox" id="Checkbox" /><a href="#">51前端一51qianduan.com</a></li> <li><input type="checkbox" id="Checkbox" /><a href="#">51前端二51quanduan.com</a></li> </ul> <span><input type="button" id="del" value="删除"/></span> </div> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能