Javascript 删除laravel中的确认

Javascript 删除laravel中的确认,javascript,php,laravel,Javascript,Php,Laravel,我有以下代码: @foreach($results as $result) <tr> <td>{{$result->my_id}}</td> <td>{{$result->province_name}}</td> <td>{{$result->city_name}}</td> <td> <a class="btn btn-prim

我有以下代码:

@foreach($results as $result)
  <tr>
    <td>{{$result->my_id}}</td>
    <td>{{$result->province_name}}</td>
    <td>{{$result->city_name}}</td>
    <td>
      <a class="btn btn-primary" href="{{route('city-edit', $result->my_id)}}"><i class="fa fa-edit"></i></a>
      <a class="btn btn-danger" href="{{route('city-delete', $result->my_id)}}"><i class="fa fa-trash"></i></a>
    </td>
  </tr>
@endforeach
@foreach($results as$result)
{{$result->my_id}
{{$result->province\u name}
{{$result->city_name}
@endforeach
如何添加删除每个数据的确认信息?

如果这是您的链接:

<a href="#" class="delete" data-confirm="Are you sure to delete this item?">Delete</a>
<a href="{{route('venuepropertyarea.delete', ['propertyarea' => $propertyareaname->id])}}" data-method="DELETE" data-confirm="Are you sure to delete this item?" class="btn btn-danger btn-xs pull-right delete"><i class="fa fa-trash"></i> </a>

使用以下Javascript:

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');
        }
    });
}
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');
        }
    });
}
var deleteLinks=document.querySelectorAll('.delete');
对于(var i=0;i
注意:
应与IE 9或更高版本配合使用。


  <a class="btn btn-danger" onclick="return myFunction();" href="{{route('city-delete', $result->my_id)}}"><i class="fa fa-trash"></i></a>

<script>
  function myFunction() {
      if(!confirm("Are You Sure to delete this"))
      event.preventDefault();
  }
 </script>
函数myFunction(){ 如果(!确认(“您确定要删除此项”)) event.preventDefault(); }
我更喜欢一种更简单的方法,只需添加
onclick=“return confirm('re you sure?')”
,如下所示:

<a class="btn btn-danger" onclick="return confirm('Are you sure?')" href="{{route('city-delete', $result->my_id)}}"><i class="fa fa-trash"></i></a>

如果这是您的链接:

<a href="#" class="delete" data-confirm="Are you sure to delete this item?">Delete</a>
<a href="{{route('venuepropertyarea.delete', ['propertyarea' => $propertyareaname->id])}}" data-method="DELETE" data-confirm="Are you sure to delete this item?" class="btn btn-danger btn-xs pull-right delete"><i class="fa fa-trash"></i> </a>
使用以下Javascript:

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');
        }
    });
}
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');
        }
    });
}
var deleteLinks=document.querySelectorAll('.delete');
对于(var i=0;i
注意:并且应该与IE 9或更高版本一起使用。

index.blade.php

  <a class="btn btn-danger" onclick="return myFunction();" href="{{route('city-delete', $result->my_id)}}"><i class="fa fa-trash"></i></a>

<script>
  function myFunction() {
      if(!confirm("Are You Sure to delete this"))
      event.preventDefault();
  }
 </script>
<form action="{{route('todos.destroy', $todo->Id)}}" method="post">
              <input type="hidden" name="_method" value="DELETE">
              @csrf
      <button id="btnDelete"class="btn btn-danger btn-sm">Delete</button>
     </form>
<script type="javascript">
       document.onsubmit=function(){
           return confirm('Sure?');
       }
</script>

@csrf
删除
document.onsubmit=function(){
返回确认(“确定”);
}

我使用纯PHP表单,方法DELETE必须作为隐藏在提交页面操作上传递,因此我通过javascript捕捉到它,并得到确认警报。

此操作可以通过事件委派以不引人注目的方式完成。请停止使用咄咄逼人的Javascript,停止在每个地方单击
。感谢您提供的信息。如果我使用类使用jquery选择器会发生什么情况。单击相同过程的事件我相信您也可以使用jquery实现同样的效果。但是您应该确保将内容和代码分开,这是通过使用
data confirm
属性来完成的,而不是将确认文本硬编码到javascript中。只需添加
onclick=“return confirm('您确定吗?')”
。检查我的帖子是否有一个完整的答案。即使这个代码更短,你也应该考虑使用事件委派并实现这个动作。如何在“?”上编写脚本?它是“??您在另一个引用中使用了一对单引号,但这不起作用。请将单对引号包装在双对引号内,反之亦然:
简单有效。好极了记住,孩子们,完成总比完美好:-)我怎么能用这种方式使用sweet alert???这是sweet alert的url。