jquery 全选篇

首页checkbox全选 js代码 

function selAll() {

    var arcIDs = document.getElementsByName("ids");

    for (i = 0; i < arcIDs.length; i++) {

        if (!arcIDs[i].checked) {

            arcIDs[i].checked = true;

        }

    }

}

function noSelAll() {

    var arcIDs = document.getElementsByName("ids");

    for (i = 0; i < arcIDs.length; i++) {

        if (arcIDs[i].checked) {

            arcIDs[i].checked = false;

        }

    }

}

   <td><input name="ids" type="checkbox" id="ids" class="np" value="${ pr.id!}" /></td>

获取全部地区

这里用到了相似匹配取得所有name为province的地区

function selAll(){

    var checkboxs = $("input:checkbox[name^='province_']");

       for (i = 0; i < checkboxs.length; i++) {

            if (!checkboxs[i].checked) {

                checkboxs[i].checked = true;

            }

        }

}

function noSelAll(){

    var checkboxs = $("input:checkbox[name^='province_']");

    for (i = 0; i < checkboxs.length; i++) {

        if (checkboxs[i].checked) {

            checkboxs[i].checked = false;

        }

    }

}

<tr id="regions" style="display:none;">

    <td height="24" colspan="4" class="bline">

        <table border="0" cellspacing="0" cellpadding="0">

        <#if provinces?? && provinces?size > 0>

            <tr>

                    <td><a href="javascript:selAll()" class="coolbg">全选</a>

                    <a href="javascript:noSelAll()" class="coolbg">取消</a>

                    </td>

            </tr>

            <#list provinces as province>

                <tr>

                    <td align="right" width="200"><input name="province_${province_index}" type="checkbox"

                                                         onclick="selAllCity(this, 'province_${province_index}')"

                                                         id="${(province.id)!''}" value="${(province.id)!''}"

                                                         class="np">${(province.dataName)!''}</td>

                    <td>  </td>

                </tr>

                <#if province?? && province.children?? && province.children?size > 0>

                    <tr>

                        <td align="right" width="200">  </td>

                        <td>

                            <#list province.children as city>

                                <input name="province_${province_index}_city" type="checkbox" id="${(city.id)!''}"

                                       value="${(city.id)!''}" class="np">${(city.dataName)!''}

                            </#list>

                        </td>

                    </tr>

                </#if>

            </#list>

        </#if>

        </table>

    </td>

</tr>