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

楼主

已结贴√ 问题点数：20 回复次数：5

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

怎样用js实现单选按钮控制多个文本域和多个下拉菜单的可修改?就是说两个单选按钮，当我选择“启用”按钮的时候，多个文本域和多个下拉菜单可以修改，当我选择“禁用”按钮的时候，刚才可以修改的多个文本域和下拉菜单呈灰色，不可修改！

搜索更多相关主题的帖子: 菜单　按钮　文本　

第 2 楼

得分:0

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

第 3 楼

得分:0

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

第 4 楼

得分:20

程序代码：

<!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 楼

得分:0

程序代码：

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 楼

得分:0

楼上的真是位大虾！！