دسته بندی ها
15:45 1401/02/30

انتخاب چند سطر با CheckBox و ارسال به کنترلر در Asp net core

مشخصات سوال کننده :
کاربر : hamid_b     امتیاز کاربر : 510     رتبه کاربر : 4
دسته بندی : Asp.net Core Asp.net Mvc Html

به این سوال امتیاز بدهید    0
تعداد بازدید این سوال : 3235
پاسخ دهنده : saedbfd 01:34 1401/03/04

استفاده از CheckBox در جدول در Html

براتون یه مثال مینویسم و در این مثال از یک چک باکس در تگ 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 هم داره.

 کد بالا تقریبا مشابه تصویر زیر خواهید بود (البته در کدهای بالا استایل ها و کلاس ها برای راحتی کار حذف شده.)

استفاده از چک باکس در html

حالا وقتی سطرهای مورد نظر انتخاب میشه و روی دکمه ثبت کلیک بشه اطلاعات به سمت کنترلر و اکشن مورد نظر میره. در اکشن مورد نظر هم می تونید اطلاعات رو به صورت زیر دریافت کنید:

[HttpPost]
public IActionResult myAction(int[] chk)
{
   //
   return View();
}

سطرهای انتخاب شده در اکشن متد به صورت آرایه ای از اعداد دریافت میشه و میتونید ازش استفاده کنید.

به این پاسخ امتیاز بدهید    0
امتیاز: 1654 رتبه: 1
برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید.   ورود