2012-01-28 30 views
9

Tôi có nhiều liên kết trong bảng HTML, xóa hàng tương ứng, khi được nhấp (gọi một tập lệnh PHP qua tham số GET).Cách xác nhận nhấp vào liên kết bằng cách sử dụng jQuery

Tất cả đều có một lớp delete_row.

Làm cách nào để hiển thị hộp thoại xác nhận ('Thực sự xóa?') bằng jQuery, khi liên kết đó được nhấp?

Và tất nhiên ngăn chặn theo liên kết đó khi Không đã được chọn trong hộp thoại.

Trả lời

33

Hãy thử điều này.

$('.delete_row').click(function(){ 
    return confirm("Are you sure you want to delete?"); 
}) 
+2

là event.preventDefault() không cần thiết ở đây? –

+2

Không bắt buộc, trả lại 'true/false' sẽ xử lý. – ShankarSangoli

+0

hoạt động tuyệt vời, làm cách nào tôi có thể tùy chỉnh thư trong hộp thoại bằng cách sử dụng ví dụ thuộc tính thông điệp dữ liệu? – petekaner

2

bạn có thể sử dụng phương pháp preventDefault của đối tượng sự kiện trong hàm xử lý:

jQuery('.delete_row').click(function(event){ 
    if(!confirm('Really Delete?')){ 
     event.preventDefault(); 
    } 
}) 
0

Tôi nghĩ có lỗi!

Sử dụng này:

giải pháp
$('.delete_row').click(function(){ 
    return confirm("Are you sure you want to delete?"); 
}); 
14

Rất đơn giản và hiệu quả một dòng mà không sử dụng jquery:

<a href="to/your/path" onclick="return confirm('Are you sure you want to delete?');">Delete</a> 
+1

Làm việc hoàn hảo;) Cảm ơn bạn –

Các vấn đề liên quan