Question

 <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">

Answer 1

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

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

请注意，value的{{1}}属性的值仅指定要在提交的表单数据中显示的数据（可以是您可以在软件中方便处理的任何内容）。它不应该出现并且通常不会显示为可见内容（除非表单处理软件已写入“回显”给用户）。

Answer 2

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

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

Answer 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

Answer 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>

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

4 个答案: