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 libraries所说的那样完成。但是像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)" />

将FocusButton值设置为true，并在asp：RadioButton中按下enter按钮

1 个答案: