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 代码  求告诉说下啊

解决方案 »

  1.   

    先把html整理一下，太不规范了。
      

  2.   

    真是懒到家了<!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>
      

  3.   

    我把你这个代码放到我jsp里面 就不行了啊  下拉列表值变了的时候  是清空了。但是我选择中层的时候 还是能多选啊
      

  4.   


    <!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>choose</title><script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
    $(function(){  var opt=1;  // 全局变量
      $("#sel").change(function(){
          opt=$("#sel>option:selected").val();
          $(".bm").attr("checked","");
      });
      
      $(".bm").click(function(){
        //如果是中层和员工才做判断
        if(opt==2||opt==3){      
         var count=0;
     //循环所有选中的checkbox
         $(".bm:checked").each(function(i,obj){
         count++;
     if(count>1){
            alert("中层和员工只能选择一个");
    $(obj).attr("checked","");
         }
     });  
      }
      
      });   
      
    });</script>
    </head><body>
    <select id="sel">
        <option value="1" >高层</option>
        <option value="2" >中层</option>
        <option value="3">员工</option>
    </select>
    选择1<input type="checkbox" name="bm" class="bm" value="我" />
    选择2<input type="checkbox" name="bm" class="bm" value="我" />
    </body>
    </html>