3

这是我的一个示例表格。

http://jsfiddle.net/r45WL/

<input autocomplete="off"  id="FirstName" name="FirstName" type="text" value="" /><br/>
<input autocomplete="off" id="LastName" name="FirstName" type="text" value="" /><br/>    
<p style="float:left"><input id="YN_true" name="YN" type="radio" value="true" />Yes</p>
<p style="float:left"><input id="YN_false" name="YN" type="radio" value="false" >No</p>
<br/><br/>
<input autocomplete="off" id="CellPhone" maxlength="12" name="CellPhone" type="text" value="" />


$(document).ready(function(){  
  $("#FirstName").attr("tabindex", 1);
    $("#LastName").attr("tabindex", 2);
    $("#YN_true").attr("tabindex", 3);
    $("#YN_false").attr("tabindex", 4);
    $("#CellPhone").attr("tabindex", 5);   

}

如果您一直使用选项卡，选项卡顺序可以正常工作，但是如果您到达单选按钮，然后使用鼠标选择一个选项，然后按选项卡它将返回到 tabindex 1。我需要使用 jquery 设置 tabindex因为我使用的是 MVC3，我需要使用 EditorFor。

有没有办法纠正这个还是正常的？

注意这发生在 Chrome 中，而不是 IE。

编辑：我猜它是一个现有的错误https://code.google.com/p/chromium/issues/detail?id=181144

4

2 回答 2

2

我通过放置 $(this).focus(); 解决了这个问题 在我的单选按钮上。

像这样：

$(document).ready(function(){  
    $("[type=radio]").click(function () {
        $(this).focus();
    });
  $("#FirstName").attr("tabindex", 1);
    $("#LastName").attr("tabindex", 2);
    $("#YN_true").attr("tabindex", 3);
    $("#YN_false").attr("tabindex", 4);
    $("#CellPhone").attr("tabindex", 5);   

}
于 2013-07-26T14:40:06.070 回答
0

只需将 tabindex 添加到输入中，索引就会跳到下一个字段，因为收音机是一种选择

编辑：我建议<label></label>在用户单击“是”或“否”时使用，该选项会突出显示。

    <input autocomplete="off" id="FirstName" name="FirstName" type="text" value="test" tabindex=1 />
<br/>
<input autocomplete="off" id="LastName" name="FirstName" type="text" value="test" tabindex=2 />
<br/>
<p style="float:left">
    <input id="YN_true" name="YN" type="radio" value="true" tabindex=3 />
    <label for="Yn_true">Yes</label>
</p>
<p style="float:left">
    <input id="YN_false" name="YN" type="radio" value="false" />
    <label for="YN_false">No</label>
</p>
<br/>
<br/>
<input autocomplete="off" id="CellPhone" maxlength="12" name="CellPhone" type="text" value="" tabindex=5 />
于 2013-07-26T14:12:29.790 回答