MVC3中使用RadioButtonFor()

本文介绍如何在ASP.NET MVC项目中使用HtmlHelper的扩展方法RadioButtonFor来创建单选按钮,并根据模型属性自动设置选中状态。示例包括性别选择及活动状态的选择。

创建页面  进行初始化   默认 男 被选中

  1. <div class="label">  
  2.             <div class="editor-label">  
  3.                 @Html.LabelFor(model => model.Sex)  
  4.             </div>  
  5.             <div class="radios">  
  6.               <label id="boy"> @Html.RadioButtonFor(model => model.Sex,"", new { @id="boy",@name="sex",@checked=true})男</label>  
  7.               <label id="gril">  @Html.RadioButtonFor(model => model.Sex, "女"new { @id="gril",@name="sex"})女</label>  
  8.             </div>  
  9.   
  10.         </div>  


编辑页面 编辑时,绑定值,根据数据显示 RadioButtonFor自动选中状态

  1. <div class="label">  
  2.     <div class="editor-label">  
  3.         @Html.LabelFor(model => model.Sex)  
  4.     </div>  
  5.     <div class="radios">  
  6.   <label id="boy"> @Html.RadioButtonFor(model => model.Sex,"男", new { @id="boy",@name="sex",@checked=true})男</label> 
  7. <label id="gril">  @Html.RadioButtonFor(model => model.Sex, "女", new { @id="gril",@name="sex"})女</label> 
  8.     </div>  
  9. </div>  


model.Sex是int 也可以是bool  sex值是1时 男被选中 2时女被选中

    1. <div class="label">  
    2.      <div class="editor-label">  
    3.          @Html.LabelFor(model => model.Activity)  
    4.      </div>  
    5.      <div class="radios">  
    6.          @Html.RadioButtonFor(model => model.Activity, true, new { @id = "radio3", @name = "Activity" })<label id="tr">启用</label>  
    7.          @Html.RadioButtonFor(model => model.Activity, false, new { @id = "radio4", @name = "Activity" })<label id="fl">禁用</label>  
    8.      </div>  
    9.  </div> 

转载于:https://www.cnblogs.com/louby/p/5563335.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值