Question

您能否帮我解释为什么我在以下代码中选中的选项不起作用？

   <div class="span1">
    <h7>&nbsp;&nbsp;&nbsp;&nbsp;Sex</h7>
    <label class="radio">

    <input id="pccf_sexMF" name="pccf_sexMF" value="M"  type="radio" checked   class="span1" > M
    </label>
    <label class="radio">
    <input id="sexMF" name="pccf_sexMF" value="F"  type="radio"  class="span1"> F
    </label>
   </div>

由于

Answer 1

适用于此fiddle

<div class="span1">
    Sex
    <label class="radio">M</label>
    <input id="pccf_sexMF" name="pccf_sexMF" value="M" type="radio" checked="checked" class="span1"/>
    <label class="radio">F</label>
    <input id="sexMF" name="pccf_sexMF" value="F" type="radio" class="span1"/>
</div>

首先 - 不要h7
只有文字应该在标签中，而不是输入

Answer 2

正如我在评论中所说，你可以使用position:absolute的另一个元素来覆盖你的div，因为它的高度比你需要的要大。像这样：

http://jsfiddle.net/hescano/8T7Nc/

为避免这种情况，您可以将div设置为相对位置：

<div class="span1" style="position:relative">

http://jsfiddle.net/hescano/8T7Nc/1/

单选按钮“已选中”选项不起作用

2 个答案: