首页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"
οnclick="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>