یک جدول از اطلاعات دارم. میخوام در ستونی که شامل یک 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/01/20
- ساعت :
07:32:00 PM
- بازدید :
134
- پاسخ :
2
|
تاریخ :
1403/01/17
- ساعت :
08:30:00 PM
- بازدید :
154
- پاسخ :
3
|
تاریخ :
1402/12/13
- ساعت :
05:04:00 PM
- بازدید :
319
- پاسخ :
0
|
تاریخ :
1401/11/15
- ساعت :
11:17:00 AM
- بازدید :
1139
- پاسخ :
1
|
تاریخ :
1403/01/06
- ساعت :
05:14:00 PM
- بازدید :
219
- پاسخ :
1
|
تاریخ :
1398/08/06
- ساعت :
03:57:00 PM
- بازدید :
7403
- پاسخ :
2
|
تاریخ :
1402/12/12
- ساعت :
03:20:00 PM
- بازدید :
209
- پاسخ :
1
|
تاریخ :
1402/12/10
- ساعت :
03:35:00 PM
- بازدید :
194
- پاسخ :
1
|
تاریخ :
1400/11/14
- ساعت :
12:23:00 AM
- بازدید :
2218
- پاسخ :
2
|
تاریخ :
1402/01/26
- ساعت :
03:38:00 PM
- بازدید :
897
- پاسخ :
1
|
تاریخ :
1403/01/29
- ساعت :
08:08:00 AM
- بازدید :
78
- پاسخ :
1
|
تاریخ :
1403/02/03
- ساعت :
10:23:00 PM
- بازدید :
36
- پاسخ :
1
|
تاریخ :
1403/01/25
- ساعت :
06:46:00 PM
- بازدید :
88
- پاسخ :
1
|
تاریخ :
1403/01/12
- ساعت :
05:36:00 PM
- بازدید :
111
- پاسخ :
1
|
تاریخ :
1403/01/20
- ساعت :
07:32:00 PM
- بازدید :
134
- پاسخ :
2
|
تاریخ :
1403/01/17
- ساعت :
08:30:00 PM
- بازدید :
154
- پاسخ :
3
|
تاریخ :
1403/01/15
- ساعت :
04:12:00 PM
- بازدید :
159
- پاسخ :
2
|
تاریخ :
1403/01/19
- ساعت :
03:06:00 PM
- بازدید :
94
- پاسخ :
1
|
تاریخ :
1402/12/25
- ساعت :
03:38:00 PM
- بازدید :
250
- پاسخ :
0
|
تاریخ :
1402/12/13
- ساعت :
05:04:00 PM
- بازدید :
319
- پاسخ :
0
|