单选按钮仅呈现单选按钮而不是文本答案

【问题标题】：Radio button only renders radio button not text单选按钮仅呈现单选按钮而不是文本
【发布时间】：2012-02-14 14:31:38
【问题描述】：

 <input type="radio" id="rdoHalfDay" name="rdoHalfDay" value="Half Day" />

以上代码仅呈现单选按钮而不是文本
我在 IE 中使用 Firefox 9.0.1 也有同样的问题

<%=Html.RadioButton("rdoTest","Cricket") %>;

如果我在 Asp.net MVC 3 中使用上面的代码，那么下面的 HTML 会生成不显示文本

<input id="rdot" type="radio" value="Cricket" name="rdot">

【问题讨论】：

您使用的是单选按钮而不是文本
我需要带有文本（值）的单选按钮，即上面的示例“半天”

标签： html asp.net-mvc-3 radio-button

【解决方案1】：

按定义工作。要指定单选按钮文本，请将其作为文本内容包含，最好使用label 标记（尽管这不是正式要求）：

<input type="radio" id="rdoHalfDay" name="rdoHalfDay" value="Half Day" />
<label for="rdoHalfDay">Half day</label>

请注意，input type="radio" 的 value 属性的值仅指定要出现在提交的表单数据中的数据（并且可以是您可以在软件中方便地处理的任何内容）。它不应该出现并且通常不会作为可见内容出现（除非表单处理软件已被编写为将其“回显”给用户）。

【讨论】：

【解决方案2】：

value 属性中的文本仅是发送到服务器的值，如果该单选按钮恰好在提交时被选中。它实际上并没有显示在页面上。这在您使用相应文本的压缩版本作为服务器中的值时很有用，这将代表全文，如下所示：

<label><input type="radio" name="rdo" value="HalfDay" /> Half Day</label>

【讨论】：

【解决方案3】：

单选按钮不能这样工作。文本在标签之外指定。该值是提交表单时传回服务器的值。请参阅以下示例：

<form name="myform" action="http://www.mydomain.com/myformhandler.cgi" method="POST">
  <div align="center"><br>
    <input type="radio" name="group1" value="Milk"> Milk<br>
    <input type="radio" name="group1" value="Butter" checked> Butter<br>
    <input type="radio" name="group1" value="Cheese"> Cheese
    <hr>
    <input type="radio" name="group2" value="Water"> Water<br>
    <input type="radio" name="group2" value="Beer"> Beer<br>
    <input type="radio" name="group2" value="Wine" checked> Wine<br>
  </div>
</form>

见：http://www.echoecho.com/htmlforms10.htm

【讨论】：

【解决方案4】：

<label for="lDIV1">
<input id="lDIV1" type="radio" name='rbtab' value='DIV1' onclick="javascript:custom()" 
/>Create
Email:</label>
<label for="lDIV2">
<input id="lDIV2" type="radio" name='rbtab' checked="checked"  value='DIV2' 
onclick="javascript:defaul()" />Default
Email:</label>
<div id='Content' style="display: block">

单选按钮

<form>
<input type="radio" name="sex" value="male" /> Male<br />
<input type="radio" name="sex" value="female" /> Female
</form>

【讨论】：