,可以通过以下步骤实现:
下面是一个示例代码:
前端页面(使用Blade模板引擎):
<form action="/delete-rows" method="POST">
@csrf
<table>
<thead>
<tr>
<th></th>
<th>列1</th>
<th>列2</th>
<th>列3</th>
</tr>
</thead>
<tbody>
@foreach($rows as $row)
<tr>
<td><input type="checkbox" name="selectedRows[]" value="{{ $row->id }}"></td>
<td>{{ $row->column1 }}</td>
<td>{{ $row->column2 }}</td>
<td>{{ $row->column3 }}</td>
</tr>
@endforeach
</tbody>
</table>
<button type="submit">删除选定行</button>
</form>
后端路由和控制器方法:
// web.php
Route::post('/delete-rows', 'RowController@deleteRows');
// RowController.php
use App\Models\Row;
public function deleteRows(Request $request)
{
$selectedRows = $request->input('selectedRows');
// 删除选中行
Row::whereIn('id', $selectedRows)->delete();
return response()->json(['message' => '删除成功']);
}
在上述示例中,假设已经定义了一个名为"Row"的模型类,用于与数据库表进行交互。前端页面通过循环遍历数据库中的行数据,生成表格,并为每一行的复选框设置了相应的值。后端控制器方法接收前端发送的请求,获取选中行的复选框值,并使用Eloquent ORM执行删除操作。最后,返回一个包含成功消息的JSON响应。
请注意,上述示例中的代码仅供参考,具体实现可能会根据实际情况有所调整。
如果要自定义一个复选框,可以设置 如果要自定义一个复选框,可以设置 领取专属 10元无门槛券 手把手带您无忧上云开心档之Bootstrap4 自定义表单
扫码
相关资讯
活动推荐