下拉框

来源:互联网 发布:外卖软件首单立减 编辑:程序博客网 时间:2024/04/30 16:52
<html>
<title></title>
<head></head>
<body>
<div>
    <select  onchange="ChooseAll(this.options[this.selectedIndex].value)"><option value="0">请选择</option><option value="1">管理员</option><option value="2">用户</option></select>
    </div><input type=checkbox>
<input type=checkbox>
<input type=checkbox>
<input type=checkbox>
<input type=checkbox>
    <script type="text/javascript">
var checkFlag = true;
    function ChooseAll(obj)
    {
      if(obj=="1")
      checkFlag=true;
      else
      checkFlag=false;
       if( checkFlag ) // 全选 
      {
          var inputs = document.all.tags("INPUT");
          for (var i=0; i < inputs.length; i++) // 遍历页面上所有的 input
          {
            if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll" )
             {
                inputs[i].checked = true;
             }    
          }
          checkFlag = false;
       }
       else  // 取消全选
       {
          var inputs = document.all.tags("INPUT");
          for (var i=0; i < inputs.length; i++) // 遍历页面上所有的 input
          {
             if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll" )
             {
                inputs[i].checked = false;
             }    
          }
          checkFlag = true;
       }
    }
</script>
</body>
</html> 
原创粉丝点击