Javascript html元素在单选按钮列表中不起作用

我有单选按钮列表，在它的一个项目列表中有html输入type=“text”

当我选择带有输入文本字段的选项，然后单击文本字段时，焦点将丢失，焦点将转移到选中的单选按钮列表项

这是我想要实现的目标

当我点击“经销商名称”时，焦点转移到经销商单选按钮，因此用户不能输入“经销商名称”

上述行为发生在firefox中。在Chrome中，它不会引起任何问题

已更新：

这是我在选定索引更改时使用的代码

$("#rOD").change(function () {
        if ($("#rOD input:checked").val() == "Dealer") { $("#txtDName").removeAttr("disabled"); }
        else { $("#txtDName").attr("disabled", "disabled"); }
    });

我尝试使用以下代码来改变焦点

function fc(elem) {
        $("#rOD").focusout();
        $(elem).focus();
    }

这是标记

<asp:RadioButtonList Font-Size="Small" ID="rOD" data-toggle="popover" title="Field required"
        data-content="Please Select" ClientIDMode="Static" runat="server"
        RepeatDirection="Vertical">
        <asp:ListItem Text="Owner" Value="Owner">Owner</asp:ListItem>
        <asp:ListItem Text="Dealer" Value="Dealer">Dealer&nbsp <input type="text" id="txtDName" onclick="return fc(this);" placeholder="Dealer Name" disabled="disabled" data-toggle="popover" title="Field required" data-content="Please Select" style="width:150px"  /> </asp:ListItem>
    </asp:RadioButtonList>

所有者
经销商

使用此代码

$(document).ready(function () {
  $("#rOD").change(function () {
    if ($("#rOD input:checked").val() == "Dealer") { $("#txtDName").removeAttr("disabled"); $("#txtDName").focus(); }
    else { $("#txtDName").attr("disabled", "disabled"); }
   });
});

function fc(elem) {
   $(elem).focus();
}

这是结果

---

试试这个

jQuery

code:-

$("#rOD").click(function (e) {
    $("#rOD input:checked").next().find('input').focus();
});
$("#rOD").change(function (e) {
    if ($("#rOD input:checked").val() == "Dealer") {
        $("#txtDName").removeAttr("disabled");
        e.preventDefault();
    } else { 
        $("#txtDName").attr("disabled", "disabled"); 
    }
});

---

你的密码在哪里？并发布一个jsfiddle请显示您的代码，@gulty我已经更新了我的问题code@securedeveloper用代码更新了我的问题您从问题中复制了代码。你没有改变任何东西，我只是把你的代码放到

$（document）.ready（function（）{}）函数，请先阅读问题。我说它在firefox中不起作用。它在其他浏览器中工作我更改了代码，现在它在fire fox中工作正常，（竖起大拇指！）让我们来看看。