HTML 代码:
<c:forEach items = "${regionList}" var = "region">
<div id="${region.id }" style="display: none">
<input type="checkbox" name="region" value="${region.name}"/>${region.name }
   </div>
</c:forEach>
<div id="checkAll" style="display: none">
<input type="checkbox" name="checkAll"  onclick="check()"/>全选<br/>
<input type="checkbox" name="checkCancel" onclick="check2()" />取消
</div>
<script type="text/javascript">
   function check(){
  if($("div: visible")){
  $("div: visible : checkbox").attr("checked",true);
  $("input[name='checkCancel']").attr("checked",false);

 //$("input[name='region']").attr("checked",true);
  }
   }
要实现选取可见的div下的复选框全选的功能,而隐藏的div下的不能选择  要怎么写 JS  现在的JS是错误的