天天看点

checkbox全选中

页面上有一个复选框,选中前面的checkbox后面的默认为全选中。

<%@ page language="java" contentType="text/html; charset=utf-8"

    pageEncoding="utf-8"%>

    <%@ taglib uri="/struts-tags" prefix="s"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<c:set var="ctx" value="${pageContext.request.contextPath}" />

<%

response.setHeader("Pragma","No-cache");

response.setHeader("Cache-Control","no-cache");

response.setDateHeader("Expires", 0);

%>

<script type="text/javascript">

    function selectAll(ty){

            jQuery(".check_box_sup_"+ty).each(function(){

                if(jQuery("#check_box_sup_"+ty).attr('checked')=='checked'){

                    jQuery(this).attr("checked",true);

                }else{

                    jQuery(this).attr("checked",false);

                }

            });

    }

</script>

<table id="resultTable" class="edit_table" style="width: 100%; *width: 75%">

        <tr>

            <td align="right" colspan="3" >

                <input type="button" value="确定" οnclick="selectRush()"/>

            </td>

        </tr>

        <tr>

                <td width="10%">

                    大类

                </td>

                <td width="80%">

                    小类

                </td>

        </tr>

        <c:forEach items="${reMap}" varStatus="v" var="k">

            <tr align="center" style="background: #fff;">

                <td width="10%" align="left">

                    <input type="checkbox" οnclick="selectAll('${v.count }')" id="check_box_sup_${v.count }" name="check_box_sup_${v.count }" value="" title="" />${k.key}

                </td>

                <td width="10%" align="left">

                    <c:forEach items="${k.value.list }" var="re">

                    <input type="checkbox" name="check_box_${v.count}_${re.catId}" class="check_box_sup_${v.count }" id="check_box_${v.count }_${re.catId}" value="${re.catId }" title="${re.catName }" />${re.catName }&nbsp;&nbsp;

                    </c:forEach>

                </td>

            </tr>

        </c:forEach>

</table>