javascript的全选和显示/隐藏

<script type="text/javascript">
//全选
function selectAll(box){			
	var check = box.checked;
	var boxes = document.getElementsByName("posIds");
	for(var i=0;i<boxes.length;i++){					
		boxes[i].checked = check;					
	}
}
//显示/隐藏		
function toggleAll(box){			
	var style = box.checked?"block":"none";				
	var divs = document.getElementsByName("desc");
	for(var i=0;i<divs.length;i++){
		divs[i].style.display = style;					
    }
}
</script>


.....................................
.....................................
选择所有<input type="checkbox" onclick="selectAll(this)"/>
显示职位信息 <input type="checkbox" onclick="toggleAll(this);" checked="checked"/>
............................................
<!--全选-->
<!--posIds对应javascript中的selectAll(box)l方法的 posIds   -->
<input type="checkbox" value="<%=dp.getPosId() %>" name="posIds" disabled="disabled"/>
<!--全显示/隐藏 -->
<!--desc对应javascript中的toggleAll方法的的desc -->
<tr  id="desc" name="desc">
<td ><%=dpDao.getMap().get(new Integer(dp.getPosId())) %></td>
</tr>

你可能感兴趣的:(JavaScript)