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

26 October 2008 เขียนเมื่อ 16 ปีก่อน โดย Ninenik Narkdee

confirm ยืนยัน

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

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

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

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

ลบรายการนี้

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

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

1	`<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 เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ

Tags:: ยืนยัน confirm

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

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน