c# - 如何在 Webform 中使用 JavaScript 启用禁用字段

Question

我创建了一个网页“Default.aspx”，其中包含以下字段: 名字、姓氏、帐户标题、标题(单选按钮列表)、帐户编号和帐户格式 在“Default.aspx”页面下，我还使用了一个单选按钮列表，其值为"is"和“否”。如果我选​​择"is"，则以下字段的可见性应设置为 false:

名字、姓氏

如果我选择“否”，则以下字段可见性应设置为 true:

帐户标题、帐号

为此，我在“Default.aspx”中编写了以下 Java 脚本代码

function EnableDisableTaxID() {
        if (document.getElementById("<%=rdOpeningSubAccount.ClientID %>") != null) {

            var openSubAccountList = document.getElementById('<%= rdOpeningSubAccount.ClientID  %>');
            var fbo1RadioList = document.getElementById('<%=fbo1RadioButtonList.ClientID %>').value;
            var isOpenSubAccount;

            if (openSubAccountList != null) {

                var openSubAccount = openSubAccountList.getElementsByTagName("input");

                for (var i = 0; i < openSubAccount.length; i++) {

                    if (openSubAccount[i].checked) {

                        isOpenSubAccount = openSubAccount[i].value;
                        alert("Print" + isOpenSubAccount);
                    }
                }
            }
            alert(typeof(isOpenSubAccount));
            if (isOpenSubAccount == 'true') {
                FirstName.visible = true;
                LastName.visible = false;
                AccountTitling.visible = true;
                lblFirstName.visible=false;
                lblLastName.visible=false;

            }
            else if (isOpenSubAccount == 'false') {
                AccountTitling.visible = true;
                AccountNumber.visible = false;
                lblAccountTitling.visible = true;
                lblAccountNumber.visible = false;
            }
        }
    }

但是，我从单选按钮列表中获取所需的值，但是，当我去检查单选按钮列表的选定值是否为 true 时，上面的代码不起作用。我不知道我错过了什么。我知道直接使用下面的代码是行不通的:

if (isOpenSubAccount == 'true') {
                FirstName.visible = true;
                LastName.visible = false;
                AccountTitling.visible = true;
                lblFirstName.visible=false;
                lblLastName.visible=false;

            }

请帮忙，因为我被困在这里......

Answer 1

对于可见= false;

document.getElementById('FirstName').style.visibility="hidden";

对于可见= true;

document.getElementById('FirstName').style.visibility="visible";

启用:

document.getElementById('FirstName').disabled = false;

要禁用:

document.getElementById('FirstName').disabled = true;