[javascript] 삭제하기 전에 확인 메시지를 표시하는 방법은 무엇입니까?

삭제 (버튼 또는 이미지)를 클릭하면 확인 메시지 를 받고 싶습니다 . 사용자가 ‘ Ok‘를 선택하면 삭제가 수행되고 그렇지 않으면 ‘ Cancel‘를 클릭하면 아무 일도 일어나지 않습니다.

버튼을 클릭 할 때 에코를 시도했지만 에코로 인해 입력 상자와 텍스트 상자의 스타일과 디자인이 손실됩니다.



답변

onclick버튼 이있는 경우 이것을 작성하십시오 .

var result = confirm("Want to delete?");
if (result) {
    //Logic to delete the item
}


답변

다음과 같이 더 잘 사용할 수 있습니다

 <a href="url_to_delete" onclick="return confirm('Are you sure you want to delete this item?');">Delete</a>


답변

이것은 눈에 거슬리지 않는 JavaScript와 확인 메시지가 HTML로 유지되는 방법입니다.

<a href="/delete" class="delete" data-confirm="Are you sure to delete this item?">Delete</a>

이것은 IE 9 이상과 호환되는 순수한 바닐라 JS입니다.

var deleteLinks = document.querySelectorAll('.delete');

for (var i = 0; i < deleteLinks.length; i++) {
  deleteLinks[i].addEventListener('click', function(event) {
      event.preventDefault();

      var choice = confirm(this.getAttribute('data-confirm'));

      if (choice) {
        window.location.href = this.getAttribute('href');
      }
  });
}

실제로 참조하십시오 : http://codepen.io/anon/pen/NqdKZq


답변

function ConfirmDelete()
{
  var x = confirm("Are you sure you want to delete?");
  if (x)
      return true;
  else
    return false;
}


<input type="button" onclick="ConfirmDelete()">


답변

이 시도. 그것은 나를 위해 작동

 <a href="delete_methode_link" onclick="return confirm('Are you sure you want to Remove?');">Remove</a>


답변

매우 간단하고 한 줄의 코드입니다.

<a href="#" title="delete" class="delete" onclick="return confirm('Are you sure you want to delete this item')">Delete</a>


답변

user1697128 개선 (아직 댓글을 달 수 없기 때문에)

<script>
    function ConfirmDelete()
    {
      var x = confirm("Are you sure you want to delete?");
      if (x)
          return true;
      else
        return false;
    }
</script>

<button Onclick="return ConfirmDelete();" type="submit" name="actiondelete" value="1"><img src="images/action_delete.png" alt="Delete"></button>

취소를 누르면 양식 제출이 취소됩니다.