یک جدول از اطلاعات دارم. میخوام در ستونی که شامل یک CheckBox هست کاربر بتونه هر کدوم از سطرها رو خواست انتخاب کنه و با زدن دکمه ثبت اطلاعات مقادیر به سمت سرور یا کنترلر ارسال بشه. لطفا راهنمایی بفرمایید چجوری باید این کار رو انجام بدم.
براتون یه مثال مینویسم و در این مثال از یک چک باکس در تگ tablr در Html استفاده می کنم. در این مثال از Asp net Core استفاده شده.
<form asp-controller="ControllerName" asp-action="ActionName" method="post">
<table>
<thead>
<tr>
<td>ردیف</td>
<td>نام</td>
<td>انتخاب</td>
</tr>
</thead>
<tbody>
@foreach (var item in Model)
{
<tr>
<td>@counter</td>
<td>item.Name</td>
<td>
<input type="checkbox" id="chk" name="chk" value="@item.UserID" />
</td>
</tr>
counter++;
}
</tbody>
</table>
<button type="submit">ثبت</button>
</form>
در جدول بالا یک ستون داریم که یک input با type برابر با checkbox درون اون هست که id و name برابر با chk رو بهش دادیم و یک value هم داره.
کد بالا تقریبا مشابه تصویر زیر خواهید بود (البته در کدهای بالا استایل ها و کلاس ها برای راحتی کار حذف شده.)
حالا وقتی سطرهای مورد نظر انتخاب میشه و روی دکمه ثبت کلیک بشه اطلاعات به سمت کنترلر و اکشن مورد نظر میره. در اکشن مورد نظر هم می تونید اطلاعات رو به صورت زیر دریافت کنید:
[HttpPost]
public IActionResult myAction(int[] chk)
{
//
return View();
}
سطرهای انتخاب شده در اکشن متد به صورت آرایه ای از اعداد دریافت میشه و میتونید ازش استفاده کنید.
تاریخ :
1403/02/23
- ساعت :
02:24:00 PM
- بازدید :
118
- پاسخ :
5
|
تاریخ :
1403/02/25
- ساعت :
04:38:00 PM
- بازدید :
68
- پاسخ :
1
|
تاریخ :
1403/02/16
- ساعت :
01:25:00 PM
- بازدید :
161
- پاسخ :
4
|
تاریخ :
1403/01/17
- ساعت :
08:30:00 PM
- بازدید :
280
- پاسخ :
3
|
تاریخ :
1401/11/15
- ساعت :
11:17:00 AM
- بازدید :
1218
- پاسخ :
1
|
تاریخ :
1402/04/01
- ساعت :
06:17:00 PM
- بازدید :
1168
- پاسخ :
0
|
تاریخ :
1403/02/11
- ساعت :
11:02:00 AM
- بازدید :
84
- پاسخ :
1
|
تاریخ :
1403/02/19
- ساعت :
01:52:00 PM
- بازدید :
49
- پاسخ :
1
|
تاریخ :
1403/01/20
- ساعت :
07:32:00 PM
- بازدید :
245
- پاسخ :
2
|
تاریخ :
1402/12/13
- ساعت :
05:04:00 PM
- بازدید :
412
- پاسخ :
0
|
تاریخ :
1403/02/29
- ساعت :
06:34:00 PM
- بازدید :
16
- پاسخ :
0
|
تاریخ :
1403/02/24
- ساعت :
04:40:00 PM
- بازدید :
71
- پاسخ :
2
|
تاریخ :
1403/02/23
- ساعت :
02:24:00 PM
- بازدید :
118
- پاسخ :
5
|
تاریخ :
1403/02/25
- ساعت :
04:38:00 PM
- بازدید :
68
- پاسخ :
1
|
تاریخ :
1403/02/16
- ساعت :
01:25:00 PM
- بازدید :
161
- پاسخ :
4
|
تاریخ :
1403/02/20
- ساعت :
06:33:00 PM
- بازدید :
97
- پاسخ :
1
|
تاریخ :
1403/01/17
- ساعت :
08:30:00 PM
- بازدید :
280
- پاسخ :
3
|
تاریخ :
1401/11/15
- ساعت :
11:17:00 AM
- بازدید :
1218
- پاسخ :
1
|
تاریخ :
1402/04/01
- ساعت :
06:17:00 PM
- بازدید :
1168
- پاسخ :
0
|
تاریخ :
1403/02/20
- ساعت :
12:29:00 AM
- بازدید :
66
- پاسخ :
1
|