C# 如何在Webform中使用Java脚本启用禁用字段

我已经创建了一个网页“Default.aspx”，我在其中获取了以下字段： 名字、姓氏、帐户标题、标题（单选按钮列表）、帐户编号和帐户格式 在“Default.aspx”页面下，我还使用了一个单选按钮列表，其值为Yes和No。如果选择Yes，则以下字段的可见性应设置为false：

名

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

帐户名称、帐号

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

请帮助我，因为我被困在这里…

For Visible=false

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

对于可见=真实

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

要启用：

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

要禁用：

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

对于可见=假

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

对于可见=真实

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

要启用：

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

要禁用：

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

---

没有；document.getElementById将仅获取具有指定ID的元素（HTML规范非常清楚，页面上只有一个元素可以具有特定ID）

每个单选按钮都有不同的ID属性，但是如果查看页面的HTML源代码，您将看到列表中的所有单选按钮都具有相同的NAME属性。这是您应该使用的“单选按钮的名称”

onclick=“GetRadioButtonValue（“”）”

函数GetRadioButtonValue（id） { var radio=document.getElementsByName（id）； 对于（var j=0；j否；document.getElementById将仅获取具有指定ID的元素（HTML规范非常清楚，页面上只有一个元素可以具有特定ID）

每个单选按钮都有不同的ID属性，但是如果查看页面的HTML源代码，您将看到列表中的所有单选按钮都具有相同的NAME属性。这是您应该使用的“单选按钮的名称”

onclick=“GetRadioButtonValue（“”）”

函数GetRadioButtonValue（id） { var radio=document.getElementsByName（id）； 对于（var j=0；j以下操作可用于

不可见

document.getElementById('id-name').style.display='none';

document.getElementById('id-name').style.display='block';

document.getElementById('id-name').setAttribute('disabled', 'disabled');

document.getElementById('id-name').removeAttribute('disabled');

可见

document.getElementById('id-name').style.display='none';

document.getElementById('id-name').style.display='block';

document.getElementById('id-name').setAttribute('disabled', 'disabled');

document.getElementById('id-name').removeAttribute('disabled');

禁用

document.getElementById('id-name').style.display='none';

document.getElementById('id-name').style.display='block';

document.getElementById('id-name').setAttribute('disabled', 'disabled');

document.getElementById('id-name').removeAttribute('disabled');

启用

document.getElementById('id-name').style.display='none';

document.getElementById('id-name').style.display='block';

document.getElementById('id-name').setAttribute('disabled', 'disabled');

document.getElementById('id-name').removeAttribute('disabled');

---

可以为以下内容执行操作：

不可见

document.getElementById('id-name').style.display='none';

document.getElementById('id-name').style.display='block';

document.getElementById('id-name').setAttribute('disabled', 'disabled');

document.getElementById('id-name').removeAttribute('disabled');

可见

document.getElementById('id-name').style.display='none';

document.getElementById('id-name').style.display='block';

document.getElementById('id-name').setAttribute('disabled', 'disabled');

document.getElementById('id-name').removeAttribute('disabled');

禁用

document.getElementById('id-name').style.display='none';

document.getElementById('id-name').style.display='block';

document.getElementById('id-name').setAttribute('disabled', 'disabled');

document.getElementById('id-name').removeAttribute('disabled');

启用

document.getElementById('id-name').style.display='none';

document.getElementById('id-name').style.display='block';

document.getElementById('id-name').setAttribute('disabled', 'disabled');

document.getElementById('id-name').removeAttribute('disabled');

---

是否使用

Visible

属性隐藏服务器控件？是否使用

Visible

属性隐藏服务器控件？