下拉框-优快云博客

本文介绍了一种使用HTML和JavaScript实现的选择器联动功能，当用户选择特定选项时（如'管理员'），页面上的所有复选框将被自动选中；若选择其他选项（如'用户'），则所有复选框将被取消选中。此功能通过简单的脚本实现，适用于需要快速设置或取消多个选项的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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