怎样用js实现单选按钮控制多个文本域和多个下拉菜单的可修改？ - 编程论坛

#2

aspic2009-10-21 08:38

给文本域和下拉菜单设置name或者id(多个~貌似用id有点麻烦)
然后遍历一下设置disabled = ''或者'true'

#3

gu_tong20082009-10-21 09:19

楼上的大虾，能否举个例子，把源码传上来？

#4

aspic2009-10-21 10:11

程序代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<input type="text" name="t" value="1" /><br />
<input type="text" name="t" value="2" /><br />
<input type="text" name="t" value="3" /><br />
<input type="text" name="t" value="4" /><br />
<input type="text" name="t" value="5" /><br />
<input type="text" name="t" value="6" /><br />
<input type="text" name="t" value="7" /><br />
<select name="s"><br />
    <option>我是菜单一</option>
</select>
<select name="s"><br />
    <option>我是菜单二</option>
</select>
<select name="s"><br />
    <option>我是菜单三</option>
</select>
<script>
test = function(v) {
    var t = document.getElementsByName('t');
    var s = document.getElementsByName('s');
    if(v == 0) {
        for(var i = 0; i < t.length; i++){t[i].disabled="disabled"};
        for(var i = 0; i < s.length; i++){s[i].disabled="disabled"}
    }else if(v == 1) {
        for(var i = 0; i < t.length; i++){t[i].disabled=""};
        for(var i = 0; i < s.length; i++){s[i].disabled=""}
    }
};
</script>
<input type="button" onclick="test(0)" value="禁用" />
<input type="button" onclick="test(1)" value="可用" />
</body>
</html>

#5

aspic2009-10-21 10:14

程序代码：

test = function(v) {
    var t = document.getElementsByName('t');
    var s = document.getElementsByName('s');
    for(var i = 0; i < t.length; i++){
        t[i].disabled = v == 0 ? "disabled" : "";
    };
    for(var i = 0; i < s.length; i++){
        s[i].disabled = v == 0 ? "disabled" : "";
    };
};

或者这样简化下

#6

gu_tong20082009-10-21 10:27

楼上的真是位大虾！！