آموزش استفاده از Radio Button در View در Asp.net Core

پاسخ هوش مصنوعی

برای استفاده از Radio Button در View در Asp.net Core، شما می توانید از ویژگی های مدل و تگ های HTML استفاده کنید. ابتدا باید یک مدل ایجاد کنید که شامل خاصیتی باشد که مقدار انتخاب شده را ذخیره کند. سپس در View، می توانید از تگ های `input` با نوع `radio` استفاده کنید و آن ها را به مدل متصل کنید.

در زیر مثالی از نحوه انجام این کار آورده شده است:

1. ابتدا یک مدل ایجاد کنید:

public class انتخابمدل
{
    public string گزینه انتخاب شده { get; set; }
}

2. سپس یک View ایجاد کنید و از Radio Button ها استفاده کنید:

@model انتخابمدل


    

        
            
            گزینه 1
        
    
    

        
            
            گزینه 2
        
    
    

        
            
            گزینه 3
        
    
    ارسال

3. در کنترلر، متد مربوط به Action را ایجاد کنید تا مقدار انتخاب شده را دریافت کند:

[HttpPost]
public IActionResult ActionName(انتخابمدل model)
{
    // حالا شما می توانید به مدل دسترسی داشته باشید
    var انتخاب = model.گزینه انتخاب شده;
    // پردازش انتخاب
    return RedirectToAction("Index");
}

با این کار، هنگامی که کاربر یکی از Radio Button ها را انتخاب کرده و فرم را ارسال کند، مقدار انتخاب شده به سمت کنترلر ارسال می شود و می توانید آن را دریافت و پردازش کنید.

رادیو باتن یا radio button ها معمولا به صورت گروهی استفاده میشن . از این کامپوننت برای انتخاب یک گزینه از بین گزینه های مختلف استفاده می شود. مثلا انتخاب جنسیت (زن یا مرد)، انتخاب دین (اسلام، مسیح و ...)

می تونید به صورت زیر استفاده کنید :

<div>
   <input type="radio" value="2" id="rdbwoman" name="genderradio"/>
   <label>زن</label>

   <input type="radio" value="1" id="rdbman" name="genderradio"/>
   <label>مرد</label>
</div>

همونطوری که میبینید هر دو رادیو name یکسان دارن و این باعث میشه فقط بشه یکیش رو انتخاب کرد.هر radio یک value هم داره که با انتخاب اون radio در سمت کنترلر میشه مقدارش رو دریافت کرد.

[HttpPost]
public IActionResult GetInfo(int genderradio)
{
   //...
}

در قطعه کد بالا هم با submit شدن فرم مقدار value رادیو انتخاب شده ارسال میشه.