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 &gt; 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>&nbsp;&nbsp;</td>
                </tr>
                <#if province?? && province.children?? && province.children?size &gt; 0>
                    <tr>
                        <td align="right" width="200">&nbsp;&nbsp;</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>