title: radio button/checkbox in material design
body: <p>I use material design in mvc. for add radiobutton/checkbox in mvc i use this code.</p>
  
  <pre><code>@Html.RadioButtonFor(e =&gt; e.Type, 0, new { id = "hair-short1", @class="with-gap" })
  @Html.Label("hair-short1", "Short")
  @Html.RadioButtonFor(e =&gt; e.Type, 1, new { id = "hair-short", @class = "with-gap" })
  @Html.Label("hair-short", "Short")
  </code></pre>
  
  <p>it is ok but when click submit button Type is null.</p>
  
  <p>and for checkbox i use this code</p>
  
  <pre><code> &lt;input id="Diabetes" class="chk-col-red" checked="" type="checkbox"&gt;
   &lt;label for="Diabetes"&gt;دیابت&lt;/label&gt;
  </code></pre>
  
  <p>and in viewmodel</p>
  
  <pre><code> public ActionResult Add()
    {
     ViewBag.Action = "Add";
     return View(new Referred());
    }
  
   [HttpPost]
   public ActionResult Add([Bind(Exclude = "Id,CreatedDateTime,CreatedUserId")]Referred model)
    {
     if (ModelState.IsValid)
      {
        model.CreatedDateTime = DateTime.Now;
        model.CreatedUserId = WebSecurity.CurrentUserId;
        _db.Referreds.Add(model);
        _db.SaveChanges();
        return RedirectToAction("Index");
       }
       else
       {
       ViewBag.Action = "Add";
       Warning("لطفا صحت اطلاعات ورودی را بررسی کنید.", dismissable: true);
       return View(model);
         }
      }
  </code></pre>
  
  <p>and Model</p>
  
  <pre><code>  [Required(ErrorMessage = "*")]
    public bool? Type{ get; set; }
  </code></pre>