javascript - 一旦获得焦点，将 RadioButton 值设置为 true，然后点击 asp :RadioButton 中的 Enter 按钮

Question

我编写了以下脚本，一旦单击要取消选中的其他复选框，它的工作正常，但是一旦我单击 tabkey，它就不会被选中或取消选中，它只会获得焦点，

脚本

function toggle(obj) {
    if (obj.value == "optMale") {
        document.getElementById('<%=optFemale.ClientID%>').checked = false;
    }
    else if (obj.value == "optFemale") {
        document.getElementById('<%=optMale.ClientID%>').checked = false;
    }
}

布局

<div class="col-sm-8">
    <div class="col-sm-1 padding0">
        <asp:RadioButton ID="optMale" Checked="true" runat="server" TabIndex="110" AutoPostBack="true" onClick="toggle(this)"/>
    </div>
    <div class="col-sm-3 labelText2">Male</div>
    <div class="col-sm-1 padding0">
        <asp:RadioButton ID="optFemale" runat="server" TabIndex="111" AutoPostBack="true" onClick="toggle(this)" />
    </div>
    <div class="col-sm-3 labelText2">Female</div> 
</div>

Answer 1

我修改了你的代码如下。它可以像你所说的 jquery 库那样完成。但是就像 Dotted 所说，你想要做的事情是不合理的。也许你能想到。

<script type="text/javascript">
    function toggle(obj) {
        if (obj.value == "optMale") {
            document.getElementById('optFemale').checked = false;
          //  document.getElementById('<%=optFemale.ClientID%>').checked = false;
        }
        else if (obj.value == "optFemale") {
           document.getElementById('optMale').checked = false;
         //   document.getElementById('<%=optMale.ClientID%>').checked = false;
        }
    } 
     $( document ).ready(function() {
        $("#optMale").focus(function() {
        document.getElementById('optFemale').checked = false;
        document.getElementById('optMale').checked = true;
    });
    $("#optFemale").focus(function() {
    document.getElementById('optFemale').checked = true;
        document.getElementById('optMale').checked = false;
    });
    });
</script>
LAYOUT-------
<asp:RadioButton ID="optMale" Checked="true" runat="server" TabIndex="110"  onClick="toggle(this)"/>
<asp:RadioButton ID="optFemale" runat="server" TabIndex="111"  onClick="toggle(this)" />