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。