禁用/启用复选框和下拉菜单的javascript

您好，我正在尝试在选中复选框时禁用下拉列表，而在未选中复选框时启用下拉列表。下面是我的javascript，当我选中复选框时，它正在工作，但它不允许我取消选中复选框：

     <script type="text/javascript">

             function  test(obj){

                     if (document.getElementsByName("aForm[0].info")[0].checked = true) {  
                             alert("here");
                             document.getElementsByName("aForm[0].gender")[0].disabled = true; 
                    }
                     else document.getElementsByName("aForm[0].info")[0].checked = false;{
                     document.getElementsByName("aForm[0].gender")[0].enabled = true;


             }
             }

             </script>

功能测试（obj）{
如果（document.getElementsByName（“aForm[0].info”）[0].checked=true）{
警报（“此处”）；
document.getElementsByName（“aForm[0].gender”）[0]。disabled=true；
}
else document.getElementsByName（“aForm[0].info”）[0]。选中=false{
document.getElementsByName（“aForm[0].gender”）[0]。enabled=true；
}
}

这是我的jsp

   <logic:iterate id="data" name="aForm" property="testList">
            <tr>

                <td>
                <html:checkbox indexed="true" name="aForm" styleId="something" property="info" onclick="test(this)"/>

                </td>
                  <td>
                   <html:select name="aForm" indexed="true" property="unit" styleId="dropdown">
                                    <html:optionsCollection name="aForm" property="selectGender" value="value" label="label"/>
                            </html:select>
                            >
                  </td>
            </tr>
        </logic:iterate>

>

您存储的是一个值，而不是比较

if语句

if( document.getElementsByName("aForm[0].info")[0].checked = true )

应该是

if( document.getElementsByName("aForm[0].info")[0].checked == true )

请注意=

还有其他的呢

else document.getElementsByName("aForm[0].info")[0].checked = false;{

您将其视为else if（），else在那里没有语句

您的代码在运行时应该抛出JavaScript错误

没有“启用”这个词，它只是“禁用”，对/错

您的代码应该如下所示

function test(obj) {
    if (document.getElementsByName("aForm[0].info")[0].checked = true) {
        document.getElementsByName("aForm[0].gender")[0].disabled = true;
    }
    else {
        document.getElementsByName("aForm[0].gender")[0].disabled= false;
    }
}

它可以简化为3行：

function test(obj) {
        document.getElementsByName("aForm[0].gender")[0].disabled = document.getElementsByName("aForm[0].info")[0].checked;    
}

要使其在没有元素名称的情况下工作：

<script>
    function test(cb){
        cb.parentNode.parentNode.getElementsByTagName("select")[0].disabled = cb.checked;
    }
</script>

<table>
  <tbody>
    <tr>
        <td><input type="checkbox" onclick="test(this);"></td>
        <td><select><option>a</option><option>b</option></select></td>
    </tr>
    <tr>
        <td><input type="checkbox" onclick="test(this);"></td>
        <td><select><option>a</option><option>b</option></select></td>
    </tr>   
  </tbody>
</table>

功能测试（cb）{
cb.parentNode.parentNode.getElementsByTagName（“选择”）[0].disabled=cb.checked；
}
ab
ab

注意：如果页面结构发生更改，parentNode.parentNode将被绑定为断开。：）