下拉框
来源:互联网 发布:外卖软件首单立减 编辑:程序博客网 时间: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>
<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>