Javascript 程序取消选中复选框

如何解决Javascript 程序取消选中复选框

我在 vb.net 中有一个复选框列表和一个单选按钮控件，带有 Yes 和 No 响应。 When the No response is selected,I'm trying to get the one checked Box in the checkBox list to uncheck itself.我能够获取位于“其他”复选框旁边的“其他类型”的文本框，以删除文本框中的内容。但是，其他复选框或任何其他复选框不会在它们被禁用的同时取消选中。这是我目前拥有的代码。我试图使用行 checkBoxes[i].checked=false;取消选中该框，但我得到的错误是无法设置未定义的选中属性。我不明白 checkBoxes[i] 如何在前一行认为正常并禁用它时未定义。我如何才能禁用和取消选中任何复选框？

    <script type="text/javascript">
        function EnableBoxes1() {
            var rb = document.getElementById("<%= rbbormaraddendum.ClientID %>");
            var radio = rb.getElementsByTagName("input");
            var label = rb.getElementsByTagName("label");
            for (var i = 0; i < radio.length; i++) {
                if (radio[i].checked) {
                    if (radio[i].value == "Yes") {
                        var chkList2 = document.getElementById('<%=checkBoxlist1.ClientID %>');
                        var checkBoxes = chkList2.getElementsByTagName("input");
                        for (i = 0; i < checkBoxes.length; i++)
                            checkBoxes[i].disabled = false;
                        var tb = document.getElementById('<%=txtborothermarital.ClientID%>');
                        tb.disabled = false;
                    }
                }
            }

            for (var i = 0; i < radio.length; i++) {
                if (radio[i].checked) {
                    if (radio[i].value == "No") {
                        var chkList2 = document.getElementById('<%=checkBoxlist1.ClientID %>');
                        var checkBoxes = chkList2.getElementsByTagName("input");
                        for (i = 0; i < checkBoxes.length; i++)
                        checkBoxes[i].disabled = true;
                        // HERE trying to uncheck Box. The line below breaks the code
                        // checkBoxes[i].checked=false;
                        var tb = document.getElementById("<%= txtborothermarital.ClientID %>");
                        tb.disabled = true;
                        tb.value = "";
                    }
                }
            }
        }
    </script>

    <asp:RadioButtonList ID="rbbormaraddendum" runat="server" RepeatDirection="Horizontal" onclick="EnableBoxes1()">
        <asp:ListItem Value="No">No</asp:ListItem>
        <asp:ListItem Value="Yes">Yes</asp:ListItem>
    </asp:RadioButtonList>
          
 <asp:CheckBoxList ID="checkBoxlist1" CellPadding="5" CellSpacing="5" RepeatColumns="1" RepeatDirection="Vertical" RepeatLayout="Flow" TextAlign="Right" runat="server" Enabled="false" onclick="EnableBoxes1()">
            
<asp:ListItem onclick="UncheckOthers(this);" Value="CivilUnion">Civil Union</asp:ListItem>
<asp:ListItem onclick="UncheckOthers(this);" Value="DomesticPartnership">Domestic Partnership</asp:ListItem>
 <asp:ListItem onclick="UncheckOthers(this);" Value="RegisteredPartnership">Registered Partnership</asp:ListItem>
<asp:ListItem onclick="UncheckOthers(this);" Value="RegisteredReciprocalBeneficiaryRelationship"> Registered Reciprocal Beneficiary Relationship</asp:ListItem>
 <asp:ListItem onclick="UncheckOthers(this);" Value="Other">Other</asp:ListItem>
                                            </asp:CheckBoxList>