復制代碼 代碼如下:

<div>
<a>部門1</a>
<a>部門2</a>
<a>部門3</a>
<a>部門4</a>
<a>部門5</a>
<a>部門6</a>
<a>部門7</a>
<a>部門8</a>
<a>部門9</a>
<a>部門10</a>
<a>部門11</a>
<a>部門12</a>
</div>

復制代碼 代碼如下:

.list
{
overflow-y:scroll;
width:120px;
height:150px;
padding:3px;
border:solid 1px #AFAFAF;
background-color: #ffffff;
cursor: pointer;
}

復制代碼 代碼如下:

function ItemClicked(a){
a.style.backgroundColor="#EEEEEE";
as=document.getElementsByName(a.name);
for(i=0;i<as.length;i++){
if(as[i]!=a){as[i].style.backgroundColor="#FFFFFF";}
}
}

復制代碼 代碼如下:

<div>
<div><input type="checkbox" />人員1</div>
<div><input type="checkbox" />人員2</div>
<div><input type="checkbox" />人員3</div>
<div><input type="checkbox" />人員4</div>
<div><input type="checkbox" />人員5</div>
<div><input type="checkbox" />人員6</div>
<div><input type="checkbox" />人員7</div>
<div><input type="checkbox" />人員8</div>
<div><input type="checkbox" />人員9</div>
<div><input type="checkbox" />人員10</div>
<div><input type="checkbox" />人員11</div>
</div>