js 下拉列表判断有关问题-JavaSript-爱易网页

js 下拉列表判断有关问题

日期：2014-05-16　浏览次数：20506 次

js 下拉列表判断问题
<select id="jb">
<option id="0">
高层
</option>
<option id="1">
中层
</option>
<option id="2">
员工
</option>
</select>

下面这样
选择1<input type="checked" name="bm" id="1" value="我" />
选择2<input type="checked" name="bm" id="1" value="我" />

比如我下拉列表是选择的是高层就可以选两个
中层和于员工值能选择一个当我中层和员工已经选择一个的时候。在选另一个的时候就弹出对话框。（中层和员工只能选择一个）
求js 代码求告诉说下啊

------解决方案--------------------
真是懒到家了。。。

HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload = function() {
    var obj = document.getElementsByName('bm[]');
    var jb = document.getElementById('jb');
    
    jb.onchange = function() {
        //下拉列表选项改变时清除所有复选框的选择状态
        for (var i = 0; i < obj.length; i ++) obj[i].checked = false;
    }
    
    for (var i = 0; i < obj.length; i ++) {
        obj[i].onclick = function() {
            if (jb.value == 2 || jb.value == 3) {
                var counter = 0;
                for (var j = 0; j < obj.length; j ++) if (obj[j].checked) counter ++;
                if (counter > 1) {
                    alert('中层和员工只能选一个');
                    return false;
                }
            }
        }
    }
}
</script>
</head>

<body>
<select id="jb">
    <option value="1">高层</option>
    <option value="2">中层</option>
    <option value="3">员工</option>
</select>
选择1<input type="checkbox" name="bm[]" value="我" />
选择2<input type="checkbox" name="bm[]" value="我" />
</body>
</html>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

js 下拉列表判断有关问题

相关资料更多>

推荐阅读更多>