การสร้างปุ่มยืนยันให้กับ ลิ้งค์ ด้วย function return confirm()

เขียนเมื่อ 16 ปีก่อน โดย Ninenik Narkdee
confirm ยืนยัน

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ confirm ยืนยัน

ดูแล้ว 19,303 ครั้ง


<a href="javascript:void(0);" onclick="return confirm('ยืนยันการลบข้อมูล')">ลบรายการนี้</a>

ตัวอย่างผลลัพธ์

ลบรายการนี้


   เพิ่มเติมเนื้อหา ครั้งที่ 1 วันที่ 07-09-2024


เมื่อกดลบ จะมีข้อความให้ยืนยัน ถ้ากด ตกลง จะลิ้งค์ไปยัง url หรือลิ้งค์ที่กำหนด

<a href="ใส่ลิ้งค์ปกติ" onclick="return confirm('ยืนยันการลบข้อมูล')">ลบรายการนี้</a>
 
เมื่อกดลบ จะมีข้อความให้ยืนยัน ถ้ากด ตกลง จะไปเรียกใช้งานฟ้งก์ชั่นที่กำหนด 

<a href="javascript:do_something();" onclick="return confirm('ยืนยันการลบข้อมูล')">ลบรายการนี้</a>
<script>
function do_something(){
    alert("OK");
}
</script>
 
เรียกใช้งาน css class
 
<a href="#" class="otherclass confirm-delete">ลบรายการนี้</a>
<script>
document.addEventListener('DOMContentLoaded', function() {
    let linkButton = document.querySelector(".confirm-delete");
    linkButton.addEventListener('click', function(event) {
      event.preventDefault(); // Prevent the default action (navigation)
      alert('Link was clicked!');
      if(confirm('ยืนยันการลบข้อมูล')){
        do_something();
      }
    });  
});
function do_something(){
    alert("OK");
}
</script>






กด Like หรือ Share เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ











URL สำหรับอ้างอิง





คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )







เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ