首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

用status.index循环name字段,前面有checkbox,每行显示5个,值为空的时候依然有checkbox怎么处理

2012-05-20 
用status.index循环name字段,前面有checkbox,每行显示5个,值为空的时候依然有checkbox怎么办?HTML codeta

用status.index循环name字段,前面有checkbox,每行显示5个,值为空的时候依然有checkbox怎么办?

HTML code
<table id="tabparent" width="100%" cellpadding="0" cellspacing="1" bgcolor="#c1ebff">                 <c:if test="${!empty clist}">                <c:forEach items="${clist}" var="g" varStatus="status" step="5">          <tr style="height: 52px">              <td><div align="left"><input type="checkbox" id="${clist[status.index].name}"     name="checkbox" value="${clist[status.index].name}"/><label for="${clist[status.index].name}"> ${clist[status.index].name}</label></div></td>            <td><div align="left"><input type="checkbox" id="${clist[status.index+1].name}" name="checkbox" value="${clist[status.index+1].name}"/><label for="${clist[status.index+1].name}">${clist[status.index+1].name}</label></div></td>              <td><div align="left"><input type="checkbox" id="${clist[status.index+2].name}" name="checkbox" value="${clist[status.index+2].name}"/><label for="${clist[status.index+2].name}">${clist[status.index+2].name}</label></div></td>             <td><div align="left"><input type="checkbox" id="${clist[status.index+3].name}" name="checkbox" value="${clist[status.index+3].name}"/><label for="${clist[status.index+3].name}">${clist[status.index+3].name}</label></div></td>             <td><div align="left"><input type="checkbox" id="${clist[status.index+4].name}" name="checkbox" value="${clist[status.index+4].name}"/><label for="${clist[status.index+4].name}">${clist[status.index+4].name}</label></div></td>           </tr>        </c:forEach>        </c:if>                  <c:if test="${empty clist}">         <tr>             <td colspan="10" height="22" align="center" class="STYLE4" onmouseover="this.bgColor = '#DEE7FF';" onmouseout="this.bgColor='#EFF3F7';">没有找到相应的记录</td>         </tr>        </c:if>            </table>


[解决办法]
you 就不知道先判断一下集合的长度除以你每行显示的个数?????或者直接判断
再或者不用td做,直接每次循环一个出来,用浮动顶checkbox的宽度,再定容器的宽度,每行显示5个 自动换行到下一行,没有5个就不显示 这个不知道是不是一种思路啊?
[解决办法]
HTML code
<table id="tabparent" width="100%" cellpadding="0" cellspacing="1" bgcolor="#c1ebff">                 <c:if test="${!empty clist}">                <c:forEach items="${clist}" var="g" varStatus="status" step="5">            <!--判断${clist[status.index].name}不为空时显示就ok了-->            <c:if test="${!empty clist[status.index].name}">          <tr style="height: 52px">              <td><div align="left"><input type="checkbox" id="${clist[status.index].name}"     name="checkbox" value="${clist[status.index].name}"/><label for="${clist[status.index].name}"> ${clist[status.index].name}</label></div></td>            <td><div align="left"><input type="checkbox" id="${clist[status.index+1].name}" name="checkbox" value="${clist[status.index+1].name}"/><label for="${clist[status.index+1].name}">${clist[status.index+1].name}</label></div></td>              <td><div align="left"><input type="checkbox" id="${clist[status.index+2].name}" name="checkbox" value="${clist[status.index+2].name}"/><label for="${clist[status.index+2].name}">${clist[status.index+2].name}</label></div></td>             <td><div align="left"><input type="checkbox" id="${clist[status.index+3].name}" name="checkbox" value="${clist[status.index+3].name}"/><label for="${clist[status.index+3].name}">${clist[status.index+3].name}</label></div></td>             <td><div align="left"><input type="checkbox" id="${clist[status.index+4].name}" name="checkbox" value="${clist[status.index+4].name}"/><label for="${clist[status.index+4].name}">${clist[status.index+4].name}</label></div></td>           </tr>          </c:if>        </c:forEach>        </c:if>                  <c:if test="${empty clist}">         <tr>             <td colspan="10" height="22" align="center" class="STYLE4" onmouseover="this.bgColor = '#DEE7FF';" onmouseout="this.bgColor='#EFF3F7';">没有找到相应的记录</td>         </tr>        </c:if>            </table> 

热点排行