前端确认框应用-优快云博客

本文链接：https://blog.youkuaiyun.com/alexniit4/article/details/2568855

本文介绍了一种在前端页面中使用JavaScript实现确认对话框的方法，该方法适用于在删除或更新记录前提示用户确认操作。通过遍历表单元素检查特定复选框的状态来触发确认对话框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


//写在前端HTML中



<script language="javascript">

function confirmDelete (frm)

{

    var j=0;

    // loop through all elements

    for (i=0; i<frm.length; i++)

    {

          // Look for our checkboxes only

          if (frm.elements[i].name.indexOf('chkExport') !=-1)

          {

               // If any are checked then confirm alert, otherwise nothing happens

               if(frm.elements[i].checked)

               {

                  j = j + 1;

               }

          }

          

    }

    if(j>0)

    {

       return confirm ('确认是否要删除所选记录！')

    }

    else

    {

       alert("没有选择要删除的记录!") ;

       return false;

    }

}

function confirmUpdate (frm)

{

    var j=0;

    // loop through all elements

    for (i=0; i<frm.length; i++)

    {

          // Look for our checkboxes only

          if (frm.elements[i].name.indexOf('chkExport') !=-1) //chkExport为checkbox选择按钮

          {

               // If any are checked then confirm alert, otherwise nothing happens

               if(frm.elements[i].checked)

               {

                  j = j + 1;

                }

          }

          

     }

     if(j>0)

     {

        return confirm ('确认是否要修改所选记录！')

     }

     else

     {

        alert("没有选择要修改的记录!") ;

        return false;

     }

}

</script> 











//写在后台代码中，在前端脚本中进行调用

this.btnUpdate.Attributes.Add("onclick", "return confirmUpdate (this.form);");       

this.btndelete.Attributes.Add("onclick", "return confirmDelete (this.form);");

或
btnDel.Attributes["onclick"]   =   "javascript:return   confirm('确认进行删除操作吗？');";

或者直接在按钮客户端中写:OnClientClick="return confirm('确认是否提交?');"

确认修改或删除的脚本