单击单选按钮时禁用 禁用单选按钮时，让我们考虑示例主组、国家其他禁用区域、城市、州、区域管理员的文本框，如明智的，如果我选择主组、区…那么国家、城市、州、地区经理必须禁用…？？？像这样明智地去 <script language="JavaScript" type="text/javascript"> function fun(s) { /* table 1 */ var A=document.getElementById("maingroups").value; var B=document.getElementById("subgroups").value; var C=document.getElementById("itemnames").value; /* table 2 */ var a=document.getElementById("countrys").value; var b=document.getElementById("zones").value; var c=document.getElementById("states").value; var d=document.getElementById("citys").value; var e=document.getElementById("Areamanagers").value; var f=document.getElementById("outlets").value; /* table 1 */ if(s==A) { document.getElementById("maingroup").style.display=''; document.getElementById("subgroup").style.display='none'; document.getElementById("itemname").style.display='none'; } if(s==B) { document.getElementById("maingroup").style.display='none'; document.getElementById("subgroup").style.display=''; document.getElementById("itemname").style.display='none'; } if(s==C) { document.getElementById("maingroup").style.display='none'; document.getElementById("subgroup").style.display='none'; document.getElementById("itemname").style.display=''; } </script>

---

作为参考

尝试如下更改html和脚本：

Srcipt Html

---

以下是

请提供描述您的问题的最少代码，可能还有一个小问题。谢谢如果单击主组，您是否要禁用子组和项目名称此代码是如此硬编码，您能否简单直观地命名变量？像a，b，c，d，e，f这样的变量完全无效先生，如果我选择主组，国家/地区其他文本框将被禁用，如果选择主组，区域其他将被禁用…我更新链接，你可以有人查看它吗…@user3032277这是什么意思？你将首先选择主组的单选按钮，然后选择区域右侧？那么，让我们考虑一下，AM有两个部分：第一行和第二行。所以用户可以根据主组选择一个选项，另一个可以是国家或区域、状态……或者子组是一个选项，另一个可以是国家或区域、状态……所以现在我的要求是如果用户选择主组，当我移动到主组时，第二行的其他国家/地区（如文本框的地区、州、城市）将被禁用，第二行的其他国家/地区（如文本框的国家/地区、州、城市）将被禁用非无线电按钮您的设置文本框在body onload上显示为none，您想禁用在剪辑相应的单选按钮时显示的文本框。您不想禁用单选按钮，是吗？

 window.onload = function () {
        //hide all text inputs
        var allTextInputs = textFileds.querySelectorAll('input[type = "text"]');
        for (var i = 0; i < allTextInputs.length; i++) {
            allTextInputs[i].style.display = 'none';
        }

        //based on radio value and name enables text
        var allRadioInputs = document.querySelectorAll('input[type="radio"][name="A"],input[type="radio"][name="B"]');
        for (var i = 0; i < allRadioInputs.length; i++) {
            allRadioInputs[i].onclick = function () {
                var name = this.getAttribute('name');

                var value = this.value;
                switch (name) {
                    case 'A': {
                        var mainTextInputs = document.querySelectorAll('input[type="text"].main');
                        for (i = 0; i < mainTextInputs.length; i++) {
                            mainTextInputs[i].style.display = 'none';
                        }
                        document.getElementById(value).style.display = 'inline';
                        document.getElementById(value).setAttribute('disabled', 'disabled');
                        break;
                    }
                    case 'B': {
                        var subTextInputs = document.querySelectorAll('input[type="text"].sub');
                        for (i = 0; i < subTextInputs.length; i++) {
                            subTextInputs[i].style.display = 'none';
                        }
                        document.getElementById(value).style.display = 'inline';
                        document.getElementById(value).setAttribute('disabled', 'disabled');
                        break;
                    }
                    default: break;
                }
            };
        }
    };

<table cellpadding="0" cellspacing="0" border="2" bgcolor="pink">
<tr id="main">
    <td>
        <input type="radio" name="A" id="maingroups" value="maingroup"></td>
    <td><font size="2">Main Group</font></td>
    <td>
        <input type="radio" name="A" id="subgroups" value="subgroup"></td>
    <td><font size="2">Sub Group</font></td>
    <td>
        <input type="radio" name="A" id="itemnames" value="itemname"></td>
    <td><font size="2">Item Name</font></td>
</tr>

<tr id="sub">
    <td>
        <input type="radio" name="B" id="countrys" value="country"></td>
    <td><font size="2">Country</font></td>
    <td>
        <input type="radio" name="B" id="zones" value="zone"></td>
    <td><font size="2">Zone</font></td>
    <td>
        <input type="radio" name="B" id="states" value="state"></td>
    <td><font size="2">State</font></td>
    <td>
        <input type="radio" name="B" id="citys" value="city"></td>
    <td><font size="2">City</font></td>
    <td>
        <input type="radio" name="B" id="Areamanagers" value="Areamanager"></td>
    <td><font size="2">Area Manager</font></td>
    <td>
        <input type="radio" name="B" id="outlets" value="outlet"></td>
    <td><font size="2">Outlet</font></td>
</tr>
</table>
<div id="textFileds">
<input type="text" name="maingroup" id="maingroup" class="main" value="A" />    
<input type="text" name="subgroup" id="subgroup" class="main" value="B" />    
<input type="text" name="itemname" id="itemname" class="main" value="C" />    
<input type="text" name="country" id="country" class="sub" value="D" />    
<input type="text" name="zone" id="zone" class="sub" value="E" />    
<input type="text" name="state" id="state" class="sub" value="F" />    
<input type="text" name="city" id="city" class="sub" value="G" />    
<input type="text" name="Areamanager" id="Areamanager" class="sub" value="H" />    
<input type="text" name="outlet" id="outlet" class="sub" value="I" />

<input type="submit" name="ab" value="Run Report" />
</div>