title: RadioButton in MVC
body: <p>Sorry for my idiot question but i am newbie.
   - I have problem with my first time i use radiobutton. I want to make radiobutton like image below: 
  <a href="https://i.stack.imgur.com/n2N3r.png" rel="nofollow noreferrer">My image</a></p>
  
  <ul>
  <li><p>When radio button checked and i click on button this will open new page with details base on Gia(20$, 70$). But i don't know what to do. </p></li>
  <li><p>Index: </p></li>
  </ul>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>@model List&lt;Model.Select_buyVip_Result&gt;
  
  &lt;div class="panel-body table-responsive"&gt;
      &lt;table style="width:50%" cellspacing="0" class="table table-striped table-bordered table-hover" id="example"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;#&lt;/th&gt;
                  &lt;th&gt;Hình thức&lt;/th&gt;
                  &lt;th&gt;Giá&lt;/th&gt;  
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
              @foreach (var item in Model)
              {
                  &lt;tr&gt;
                      &lt;td&gt;&lt;input type="radio" value="@item.Gia" /&gt;&lt;/td&gt;
                      &lt;td&gt;@item.Ten&lt;/td&gt;
                      &lt;td&gt;@item.Gia $&lt;/td&gt;    
                  &lt;/tr&gt;
                  @Html.ActionLink("Thanh toán", "Details", new { id=item.Gia})
              }
             
          &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <ul>
  <li>Details:</li>
  </ul>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>@model List&lt;Model.Select_buyVip_byGia_Result&gt;
  
  &lt;div class="panel-body table-responsive"&gt;
      &lt;table style="width:50%" cellspacing="0" class="table table-striped table-bordered table-hover" id="example"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;Hình thức&lt;/th&gt;
                  &lt;th&gt;Giá&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
              @foreach (var item in Model)
              {
                  &lt;tr&gt;
                      &lt;td&gt;@item.Ten&lt;/td&gt;
                      &lt;td&gt;@item.Gia $&lt;/td&gt;
                  &lt;/tr&gt;
              }
  
          &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  &lt;p&gt;
      @Html.ActionLink("Back to List", "Index")
  &lt;/p&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <ul>
  <li>Controller: </li>
  </ul>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> public class MuaVipController : Controller
      {
          // GET: MuaVip
          public ActionResult Index()
          {
              var mm = new MuaVipModel();
              var model = mm.select_vip();
              return View(model);
          }
          public ActionResult Details(string gia)
          {
              var mm = new MuaVipModel();
              var model = mm.select_vip_gia(gia);
              return View(model);
          }
      }</code></pre>
  </div>
  </div>
  </p>
  
  <ul>
  <li>SQL procedure:  </li>
  </ul>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>CREATE PROCEDURE Select_buyVip_byGia 
   @Gia nvarchar(50)
  AS
  BEGIN
  
   SET NOCOUNT ON;
    
   SELECT * from Vip where Gia = @Gia
  END
  GO</code></pre>
  </div>
  </div>
  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>CREATE PROCEDURE Select_buyVip 
  AS
  BEGIN
  
   SET NOCOUNT ON;
    
   SELECT * from Vip 
  END
  GO</code></pre>
  </div>
  </div>
  </p>